Files
web/components/HotelReservation/SelectRate/Rooms/RoomsContainerSkeleton.tsx
2024-11-20 10:17:55 +01:00

25 lines
661 B
TypeScript

import Body from "@/components/TempDesignSystem/Text/Body"
import { getIntl } from "@/i18n"
import { RoomCardSkeleton } from "../RoomSelection/RoomCard/RoomCardSkeleton"
import styles from "./RoomsContainerSkeleton.module.css"
type Props = {
count?: number
}
export async function RoomsContainerSkeleton({ count = 4 }: Props) {
const intl = await getIntl()
return (
<div className={styles.container}>
<div className={styles.filterContainer}></div>
<div className={styles.skeletonContainer}>
{Array.from({ length: count }).map((_, index) => (
<RoomCardSkeleton key={index} />
))}
</div>
</div>
)
}