import { type FC, type PropsWithChildren } from 'react';

import HuAccordion from '@material-hu/components/design-system/Accordion';

type Props = {
  title: string;
};

const CollapsibleCard: FC<PropsWithChildren<Props>> = ({ children, title }) => {
  return (
    <HuAccordion
      title={title}
      defaultExpanded
      elevation={0}
      customDetail={children}
    />
  );
};

export default CollapsibleCard;