import {
  CalendarIcon,
  ContractIcon,
  DownloadIcon,
  PrinterIcon,
} from "@/components/Icons"
import Button from "@/components/TempDesignSystem/Button"
import Divider from "@/components/TempDesignSystem/Divider"
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>
        <CalendarIcon />
        {intl.formatMessage({ id: "Add to calendar" })}
      </Button>
      <Divider color="subtle" variant="vertical" />
      <Button intent="text" size="small" theme="base" variant="icon" wrapping>
        <ContractIcon />
        {intl.formatMessage({ id: "View terms" })}
      </Button>
      <Divider color="subtle" variant="vertical" />
      <Button intent="text" size="small" theme="base" variant="icon" wrapping>
        <PrinterIcon />
        {intl.formatMessage({ id: "Print confirmation" })}
      </Button>
      <Divider color="subtle" variant="vertical" />
      <Button intent="text" size="small" theme="base" variant="icon" wrapping>
        <DownloadIcon />
        {intl.formatMessage({ id: "Download invoice" })}
      </Button>
    </div>
  )
}
