import { cardContentClasses } from '@material-hu/mui/CardContent';

import HuCardContainer from '@material-hu/components/design-system/CardContainer';

type QuestionCardContainerProps = {
  children: React.ReactNode;
};

const QuestionCardContainer = ({ children }: QuestionCardContainerProps) => {
  return (
    <HuCardContainer
      sx={{
        [`.${cardContentClasses.root}`]: {
          display: 'flex',
          flexDirection: 'column',
          gap: 1.5,
        },
      }}
      padding={24}
      fullWidth
    >
      {children}
    </HuCardContainer>
  );
};

export default QuestionCardContainer;
