import Stack from '@material-hu/mui/Stack';

import Image from '@material-hu/components/composed-components/Image';

type QuestionImageProps = {
  src: string;
};

const QuestionImage = ({ src }: QuestionImageProps) => {
  return (
    <Stack sx={{ alignItems: 'center', justifyContent: 'center' }}>
      <Image
        src={src}
        sx={{
          objectFit: 'contain',
          aspectRatio: 'unset',
          maxHeight: '40vh',
          minHeight: '240px',
          height: 'auto',
          maxWidth: '100%',
          width: 'fit-content',
        }}
      />
    </Stack>
  );
};

export default QuestionImage;