import { useOutletContext } from "react-router";

export type DestinationOutletCtx = {
  sharedDestinationData: {
    id: string;
    slug: string;
    name: string;
    code: string;
  } | null;
  sharedUnitData: {
    id: string;
    name: string;
    code: string;
  } | null;
  sharedItineraryData: {
    id: string;
    name: string;
    content_id: string;
  } | null;
  sharedMemberAccountType: {
    id: string;
    name: string;
  } | null;
};

export function useDestinationOutletCtx() {
  const ctxData =
    useOutletContext<
      [
        DestinationOutletCtx,
        React.Dispatch<React.SetStateAction<DestinationOutletCtx>>,
      ]
    >();
  return ctxData;
}