"use client" import { Button, Dialog, DialogTrigger, Modal, Popover, } from "react-aria-components" import { useFormContext } from "react-hook-form" import { useIntl } from "react-intl" import Body from "@/components/TempDesignSystem/Text/Body" import PickerForm from "./Form" import styles from "./guests-rooms-picker.module.css" import { GuestsRoom } from "@/types/components/bookingWidget/guestsRoomsPicker" export default function GuestsRoomsPickerForm() { const { watch } = useFormContext() const rooms = watch("rooms") as GuestsRoom[] return ( <> {({ close }) => } {({ close }) => } ) } function Trigger({ rooms, className, }: { rooms: GuestsRoom[] className: string }) { const intl = useIntl() return ( ) }