import React from "react"

import Body from "@/components/TempDesignSystem/Text/Body"
import { getIntl } from "@/i18n"

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

export default async function ConfirmationTimes() {
  const intl = await getIntl()
  return (
    <section className={styles.section}>
      <div className={styles.breakfast}>
        <Body color="burgundy">{intl.formatMessage({ id: "Breakfast" })}</Body>
        <span>Mon-Fri 06:30-10:00</span>
        <span>Mon-Fri 06:30-10:00</span>
      </div>
      <div className={styles.checkIn}>
        <Body color="burgundy">{intl.formatMessage({ id: "Check in" })}</Body>
        <span>From</span>
        <span>15:00</span>
      </div>
      <div className={styles.checkOut}>
        <Body color="burgundy">{intl.formatMessage({ id: "Check out" })}</Body>
        <span>At latest</span>
        <span>12:00</span>
      </div>
    </section>
  )
}
