7fb082f712
feat(SW-3218): Move SidePeek to design-system * Remove SidePeekProvider dependency on Next * Remove dependency on i18n in sidepeek * Inline types * Move SidePeek to design-system * Fix align-items value Approved-by: Bianca Widstam
30 lines
732 B
TypeScript
30 lines
732 B
TypeScript
import { useIntl } from "react-intl"
|
|
|
|
import SidePeek from "@scandic-hotels/design-system/SidePeek"
|
|
|
|
import { RoomSidePeekContent } from "./RoomSidePeekContent"
|
|
|
|
import { SidePeekEnum } from "@/types/components/hotelReservation/sidePeek"
|
|
import type { RoomSidePeekProps } from "@/types/components/sidePeeks/roomSidePeek"
|
|
|
|
export default function RoomSidePeek({
|
|
room,
|
|
activeSidePeek,
|
|
close,
|
|
}: RoomSidePeekProps) {
|
|
const intl = useIntl()
|
|
|
|
return (
|
|
<SidePeek
|
|
title={room.name}
|
|
isOpen={activeSidePeek === SidePeekEnum.roomDetails}
|
|
handleClose={close}
|
|
closeLabel={intl.formatMessage({
|
|
defaultMessage: "Close",
|
|
})}
|
|
>
|
|
<RoomSidePeekContent room={room} />
|
|
</SidePeek>
|
|
)
|
|
}
|