"use client"

import SkeletonShimmer from "@/components/SkeletonShimmer"

import HotelListItemSkeleton from "../HotelListItem/HotelListItemSkeleton"

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

export default function HotelListSkeleton() {
  return (
    <div className={styles.hotelListWrapper}>
      <div className={styles.header}>
        <SkeletonShimmer height="30px" width="200px" />
        <SkeletonShimmer height="30px" width="120px" />
      </div>
      <ul className={styles.hotelList}>
        {Array.from({ length: 3 }).map((_, index) => (
          <HotelListItemSkeleton key={index} />
        ))}
      </ul>
    </div>
  )
}
