Keith WilliamsandGitHub
78d06c6d01
* refactor: Move classNames from @calcom/lib to @calcom/ui * Import fix * Removed extra import of classNames * Removed tailwind-merge from @calcom/lib
45 lines
1.2 KiB
TypeScript
45 lines
1.2 KiB
TypeScript
"use client";
|
|
|
|
import type { ReactNode } from "react";
|
|
|
|
import { type ICalendarSwitchProps } from "@calcom/features/calendars/CalendarSwitch";
|
|
import classNames from "@calcom/ui/classNames";
|
|
|
|
import { Icon } from "../icon";
|
|
|
|
export function CalendarSwitchComponent(
|
|
props: ICalendarSwitchProps & {
|
|
isLoading: boolean;
|
|
children: ReactNode;
|
|
translations?: {
|
|
spanText?: string;
|
|
};
|
|
}
|
|
) {
|
|
const {
|
|
externalId,
|
|
name,
|
|
isLoading,
|
|
translations = {
|
|
spanText: "Adding events to",
|
|
},
|
|
children,
|
|
} = props;
|
|
|
|
return (
|
|
<div className={classNames("my-2 flex flex-row items-center")}>
|
|
<div className="flex pl-2">{children}</div>
|
|
<label className="ml-3 text-sm font-medium leading-5" htmlFor={externalId}>
|
|
{name}
|
|
</label>
|
|
{!!props.destination && (
|
|
<span className="bg-subtle text-default ml-8 inline-flex items-center gap-1 rounded-md px-2 py-1 text-sm font-normal sm:ml-4">
|
|
<Icon name="arrow-left" className="h-4 w-4" />
|
|
{translations.spanText}
|
|
</span>
|
|
)}
|
|
{isLoading && <Icon name="rotate-cw" className="text-muted h-4 w-4 animate-spin ltr:ml-1 rtl:mr-1" />}
|
|
</div>
|
|
);
|
|
}
|