import {ChildrenFC} from '@utils';
import css from './index.module.css';
import {Card, Col} from 'antd';
import classNames from 'classnames';

type Props = {
  title: string;
  content: string;
};

const GroupItem: ChildrenFC<Props> = function ({children, title, content}) {
  return (
    <Col span={6}>
      <Card title={title}>
        <p className={css.cardContent}>{content}</p>
        <div className={classNames([css.cardExpand, 'main-card-item-expand'])}>
          {children}
        </div>
      </Card>
    </Col>
  );
};

export default GroupItem;
