import { IconLock } from '@material-hu/icons/tabler';
import Stack from '@material-hu/mui/Stack';

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

import { useLokaliseTranslation } from 'src/utils/i18n';

const RequestOfferEmptyState = () => {
  const { t } = useLokaliseTranslation('loans');

  return (
    <Stack sx={{ width: '100%', minWidth: 0 }}>
      <StateCard
        variant="warning"
        icon={IconLock}
        title={t('offer_empty.title')}
        description={t('offer_empty.message')}
        slotProps={{
          card: {
            sx: {
              width: '100%',
              py: 4,
            },
          },
        }}
      />
    </Stack>
  );
};

export default RequestOfferEmptyState;
