7ff8fee20e
chore(SW-3145): Move SkeletonShimmer to design-system * Move SkeletonShimmer to design-system Approved-by: Joakim Jäderberg
22 lines
598 B
TypeScript
22 lines
598 B
TypeScript
import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
|
|
|
|
import styles from "./RoomCardSkeleton.module.css"
|
|
|
|
export function RoomCardSkeleton() {
|
|
return (
|
|
<article className={styles.card}>
|
|
{/* image container */}
|
|
<div className={styles.imageContainer}>
|
|
<SkeletonShimmer width={"100%"} height="100%" />
|
|
</div>
|
|
|
|
<div className={styles.priceVariants}>
|
|
{/* price variants */}
|
|
{Array.from({ length: 3 }).map((_, index) => (
|
|
<SkeletonShimmer key={index} height={"100px"} />
|
|
))}
|
|
</div>
|
|
</article>
|
|
)
|
|
}
|