import React from 'react'
import styles from './ModalSection.module.css'

interface Props {
  label?: string
  children: React.ReactNode
  className?: string
}

const ModalSection: React.FC<Props> = ({ label, children, className = '' }) => {
  return (
    <div className={`${styles.section} ${className}`}>
      {label && <h3 className={styles.label}>{label}</h3>}
      <div className={styles.content}>
        {children}
      </div>
    </div>
  )
}

export default ModalSection
