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

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

import { type JobOfferStatus } from '../types';
import { getJobStatusType } from '../utils';

export const StatusPill = ({ status }: { status: JobOfferStatus }) => {
  const { t } = useLokaliseTranslation('ats');
  return (
    <Pills
      type={getJobStatusType(status)}
      label={t(`common.status.${status.toLowerCase()}`)}
      hasIcon={false}
      size="small"
    />
  );
};