"use client";

import type { FC } from "react";

import { useLocale } from "@calcom/lib/hooks/useLocale";
import { OFFICE_365_CALENDAR } from "@calcom/platform-constants";

import type { OAuthConnectProps } from "../OAuthConnect";
import { OAuthConnect } from "../OAuthConnect";

export const OutlookConnect: FC<Partial<OAuthConnectProps>> = ({
  label,
  alreadyConnectedLabel,
  loadingLabel,
  className,
  onCheckError,
  redir,
  initialData,
  isMultiCalendar = false,
  tooltipSide,
  tooltip,
  isClickable,
}) => {
  const { t } = useLocale();
  return (
    <OAuthConnect
      label={label || t("outlook_connect_atom_label")}
      alreadyConnectedLabel={alreadyConnectedLabel || t("outlook_connect_atom_already_connected_label")}
      loadingLabel={loadingLabel || t("outlook_connect_atom_loading_label")}
      calendar={OFFICE_365_CALENDAR}
      className={className}
      onCheckError={onCheckError}
      redir={redir}
      initialData={initialData}
      isMultiCalendar={isMultiCalendar}
      tooltipSide={tooltipSide}
      tooltip={tooltip}
      isClickable={isClickable}
    />
  );
};