import { CalendarAddIcon, DownloadIcon, EditIcon } from "@/components/Icons"
import Button from "@/components/TempDesignSystem/Button"
import { getIntl } from "@/i18n"

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

export default async function Actions() {
  const intl = await getIntl()
  return (
    <div className={styles.actions}>
      <Button intent="text" size="small" theme="base" variant="icon" wrapping>
        <CalendarAddIcon />
        {intl.formatMessage({ id: "Add to calendar" })}
      </Button>
      <Button intent="text" size="small" theme="base" variant="icon" wrapping>
        <EditIcon />
        {intl.formatMessage({ id: "Manage booking" })}
      </Button>
      <Button intent="text" size="small" theme="base" variant="icon" wrapping>
        <DownloadIcon />
        {intl.formatMessage({ id: "Download invoice" })}
      </Button>
    </div>
  )
}