import { IconInfoCircle } from '@material-hu/icons/tabler';

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

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

type DraftJobCardProps = {
  onClick: () => void;
};

export const DraftJobCard = ({ onClick }: DraftJobCardProps) => {
  const { t } = useLokaliseTranslation('ats');

  return (
    <StateCard
      title={t('job_candidates.list.draft.title')}
      description={t('job_candidates.list.draft.description')}
      icon={IconInfoCircle}
      variant="primary"
      primaryAction={{
        label: t('job_candidates.list.draft.action'),
        onClick: onClick,
      }}
    />
  );
};