import { FormProvider } from 'react-hook-form';

import { useBlockedDates } from 'src/hooks/queryHooks/useBlockedDates';
import { type Policy } from 'src/types/vacations';

import { SummaryStep } from './PolicyEdit/components/SummarySteps/SummaryStep';
import { usePolicyForm } from './PolicyEdit/hooks/usePolicyForm';

type Props = {
  policy: Policy;
};

export const PolicySummaryContent = ({ policy }: Props) => {
  const { data: blockedDates } = useBlockedDates(policy.id, {
    enabled: !!policy,
  });

  const form = usePolicyForm({ policy, blockedDates });

  return (
    <FormProvider {...form}>
      <SummaryStep showTitle={false} />
    </FormProvider>
  );
};