import cn from '../utils/cn';

const SectionContainer = ({ title, children, className }) => {
  return (
    <div className={cn('wmx-bg-white wmx-rounded-lg wmx-border wmx-border-gray-300 wmx-shadow-sm', className)}>
      {title && (
        <h2 className='wmx-text-lg wmx-border-b wmx-border-b-gray-300 wmx-font-semibold wmx-px-3.5 wmx-py-2.5 wmx-rounded-t-lg'>
          {title}
        </h2>
      )}

      <div className='wmx-p-5'>{children}</div>
    </div>
  );
};
export default SectionContainer;
