import { create } from "zustand"

import { SidePeekEnum } from "@/types/components/hotelReservation/sidePeek"

interface SidePeekState {
  activeSidePeek: SidePeekEnum | null
  hotelId: string | null
  roomTypeCode: string | null
  openSidePeek: ({
    key,
    hotelId,
    roomTypeCode,
  }: {
    key: SidePeekEnum | null
    hotelId: string
    roomTypeCode?: string
  }) => void
  closeSidePeek: () => void
}

const useSidePeekStore = create<SidePeekState>((set) => ({
  activeSidePeek: null,
  hotelId: null,
  roomTypeCode: null,
  openSidePeek: ({ key, hotelId, roomTypeCode }) =>
    set({ activeSidePeek: key, hotelId, roomTypeCode }),
  closeSidePeek: () =>
    set({ activeSidePeek: null, hotelId: null, roomTypeCode: null }),
}))

export default useSidePeekStore