import { SchedulingType } from "@prisma/client"; import { FC, ReactNode } from "react"; import { classNames } from "@calcom/lib"; import { useLocale } from "@calcom/lib/hooks/useLocale"; import { Icon } from "@calcom/ui/Icon"; import { UserAvatars } from "@components/booking/UserAvatars"; import EventTypeDescriptionSafeHTML from "@components/eventtype/EventTypeDescriptionSafeHTML"; import type { AvailabilityPageProps } from "../../pages/[user]/[type]"; import type { BookPageProps } from "../../pages/[user]/book"; import type { DynamicAvailabilityPageProps } from "../../pages/d/[link]/[slug]"; import type { HashLinkPageProps } from "../../pages/d/[link]/book"; import type { AvailabilityTeamPageProps } from "../../pages/team/[slug]/[type]"; import type { TeamBookingPageProps } from "../../pages/team/[slug]/book"; import { AvailableEventLocations } from "./AvailableEventLocations"; interface Props { profile: | AvailabilityPageProps["profile"] | HashLinkPageProps["profile"] | TeamBookingPageProps["profile"] | BookPageProps["profile"] | AvailabilityTeamPageProps["profile"] | DynamicAvailabilityPageProps["profile"]; eventType: | AvailabilityPageProps["eventType"] | HashLinkPageProps["eventType"] | TeamBookingPageProps["eventType"] | BookPageProps["eventType"] | AvailabilityTeamPageProps["eventType"] | DynamicAvailabilityPageProps["eventType"]; isBookingPage?: boolean; children: ReactNode; isMobile?: boolean; } const BookingDescription: FC = (props) => { const { profile, eventType, isBookingPage = false, children } = props; const { t } = useLocale(); return ( <>

{profile.name}

{eventType.title}

{eventType?.description && (
)} {eventType?.requiresConfirmation && (
{t("requires_confirmation")}
)} {!isBookingPage ? ( ) : null}

{eventType.length} {t("minutes")}

{children}
); }; export default BookingDescription;