import { useIntl } from "react-intl"

import AccordionItem from "@/components/TempDesignSystem/Accordion/AccordionItem"
import Body from "@/components/TempDesignSystem/Text/Body"

import type { RestaurantProps } from "@/types/components/hotelReservation/selectHotel/selectHotel"
import { IconName } from "@/types/components/icon"

export default function Restaurant({
  restaurantsContentDescriptionMedium,
}: RestaurantProps) {
  const intl = useIntl()

  return (
    <AccordionItem
      title={intl.formatMessage(
        {
          id: "{totalRestaurants, plural, one {Restaurant} other {Restaurants}}",
        },
        { totalRestaurants: 1 }
      )}
      icon={IconName.Restaurant}
      variant="sidepeek"
    >
      <Body>{restaurantsContentDescriptionMedium}</Body>
    </AccordionItem>
  )
}
