bed674df87
Fix/SW-1128/SW-1124 side peek and gallery * fix(SW-1128): updated style and mobile design for sidepeek select hotel * fix(SW-1128): update link sidepeek * fix(SW-1124): fix padding gallery * fix(SW-1128): fix sidepeek mobile design * fix(SW-1128): fix mobile design * fix(SW-1128): fix gallery icon caption Approved-by: Niclas Edenvin
24 lines
889 B
TypeScript
24 lines
889 B
TypeScript
import { useIntl } from "react-intl"
|
|
|
|
import AccordionItem from "@/components/TempDesignSystem/Accordion/AccordionItem"
|
|
import Body from "@/components/TempDesignSystem/Text/Body"
|
|
|
|
import { CheckInCheckOutProps } from "@/types/components/hotelReservation/selectHotel/selectHotel"
|
|
import { IconName } from "@/types/components/icon"
|
|
|
|
export default function CheckinCheckOut({ checkin }: CheckInCheckOutProps) {
|
|
const intl = useIntl()
|
|
|
|
return (
|
|
<AccordionItem
|
|
title={intl.formatMessage({ id: "Check-in/Check-out" })}
|
|
icon={IconName.Calendar}
|
|
variant="sidepeek"
|
|
>
|
|
<Body textTransform="bold">{intl.formatMessage({ id: "Hours" })}</Body>
|
|
<Body>{`${intl.formatMessage({ id: "Check in from" })}: ${checkin.checkInTime}`}</Body>
|
|
<Body>{`${intl.formatMessage({ id: "Check out at latest" })}: ${checkin.checkOutTime}`}</Body>
|
|
</AccordionItem>
|
|
)
|
|
}
|