import { useIntl } from "react-intl"

import Checkbox from "@scandic-hotels/design-system/Form/Checkbox"
import { Typography } from "@scandic-hotels/design-system/Typography"

export default function SmsConfirmation() {
  const intl = useIntl()
  return (
    <Checkbox name="smsConfirmation">
      <Typography variant="Body/Supporting text (caption)/smRegular">
        <span>
          {intl.formatMessage({
            id: "booking.smsConfirmationLabel",
            defaultMessage:
              "I would like to receive my booking confirmation via sms.",
          })}
        </span>
      </Typography>
    </Checkbox>
  )
}