import { FC } from 'react';

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

export type ProductCardProps = {
  message: string;
};

export const RequiredFieldsAlert: FC<ProductCardProps> = props => {
  const { message } = props;

  return (
    <Stack
      sx={{
        width: '100%',
        p: 2,
        pt: 0,
      }}
    >
      <Alert
        sx={{ borderRadius: '6px' }}
        severity="error"
      >
        {message}
      </Alert>
    </Stack>
  );
};

export default RequiredFieldsAlert;
