import React from "react"

import styles from './Section.module.sass'

export interface IProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'title'> {
  title: React.ReactNode
}

export const Section: React.FC<IProps> = (props) => {
  return (
    <section className={styles.section}>
      <h3 className={styles.section_title}>
        {props.title}
      </h3>
      <div className={styles.section_body}>
        {props.children}
      </div>
    </section>
  )
}