import { RoomCardSkeleton } from "../../RoomCardSkeleton/RoomCardSkeleton"

import styles from "./RoomsContainerSkeleton.module.css"

type Props = {
  count?: number
}

export function RoomsContainerSkeleton({ count = 4 }: Props) {
  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>
  )
}