import SidePeek from "@/components/TempDesignSystem/SidePeek"

import RestaurantBarItem from "./RestaurantBarItem"

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

import { SidepeekSlugs } from "@/types/components/hotelPage/hotelPage"
import type { RestaurantBarSidePeekProps } from "@/types/components/hotelPage/sidepeek/restaurantBar"

export default function RestaurantBarSidePeek({
  restaurants,
  heading,
}: RestaurantBarSidePeekProps) {
  return (
    <SidePeek contentKey={SidepeekSlugs.restaurant} title={heading}>
      <div className={styles.content}>
        {restaurants.map((restaurant) => (
          <div key={restaurant.id} className={styles.item}>
            <RestaurantBarItem restaurant={restaurant} />
          </div>
        ))}
      </div>
    </SidePeek>
  )
}
