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>
  )
}