"use client"
import { useIntl } from "react-intl"

import { CalendarAddIcon } from "@/components/Icons"
import Button from "@/components/TempDesignSystem/Button"

export default function AddToCalendarButton({
  onPress,
}: {
  onPress: () => void
}) {
  const intl = useIntl()

  return (
    <Button intent="text" size="small" theme="base" wrapping onPress={onPress}>
      <CalendarAddIcon />
      {intl.formatMessage({ id: "Add to calendar" })}
    </Button>
  )
}
