7ff8fee20e
chore(SW-3145): Move SkeletonShimmer to design-system * Move SkeletonShimmer to design-system Approved-by: Joakim Jäderberg
29 lines
850 B
TypeScript
29 lines
850 B
TypeScript
import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
|
|
|
|
import { RoomCardSkeleton } from "@/components/HotelReservation/RoomCardSkeleton/RoomCardSkeleton"
|
|
|
|
import styles from "./SelectHotelMapContainerSkeleton.module.css"
|
|
|
|
type Props = {
|
|
count?: number
|
|
}
|
|
|
|
export function SelectHotelMapContainerSkeleton({ count = 2 }: Props) {
|
|
return (
|
|
<div className={styles.container}>
|
|
<div className={styles.listingContainer}>
|
|
<div className={styles.skeletonContainer}>
|
|
{Array.from({ length: count }).map((_, index) => (
|
|
<div key={index} className={styles.skeletonItem}>
|
|
<RoomCardSkeleton />
|
|
</div>
|
|
))}
|
|
</div>
|
|
</div>
|
|
<div className={styles.mapContainer}>
|
|
<SkeletonShimmer width={"100%"} height="100%" />
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|