import { type TablerIcon } from '@material-hu/icons/tabler';
import Stack from '@material-hu/mui/Stack';
import Typography from '@material-hu/mui/Typography/Typography';

type CoverProps = {
  Icon: TablerIcon;
  text: string;
};

const CoverDate = ({ Icon, text }: CoverProps) => (
  <Stack sx={{ flexDirection: 'row', alignItems: 'center', gap: 1 }}>
    <Icon size={16} />
    <Typography
      variant="globalS"
      noWrap
    >
      {text}
    </Typography>
  </Stack>
);

export default CoverDate;
