import formatDate from 'date-fns/fp/format';
import { useDateTimeFormat } from '../../LocaleProvider/hooks';
import { getDateFormat } from './utils';

type UseFormatDateProps = {
  displayFormat?: string;
  locale?: string;
  value?: Date;
};

const useFormatDate = ({
  displayFormat,
  locale,
  value,
}: UseFormatDateProps) => {
  const { localizeDateTime } = useDateTimeFormat();

  const format = getDateFormat({ displayFormat, locale, localizeDateTime });

  const displayValue = value ? formatDate(format, value) : '';

  return { displayValue, format };
};

export default useFormatDate;