import { ExternalLinkIcon } from "@heroicons/react/solid"; import { ReactNode } from "react"; import { useIntercom } from "react-use-intercom"; import Button from "@calcom/ui/Button"; import { useLocale } from "@lib/hooks/useLocale"; import useMeQuery from "@lib/hooks/useMeQuery"; import SettingsShell from "@components/SettingsShell"; import Shell from "@components/Shell"; type CardProps = { title: string; description: string; className?: string; children: ReactNode }; const Card = ({ title, description, className = "", children }: CardProps): JSX.Element => (

{title}

{description}

{children}
); export default function Billing() { const { t } = useLocale(); const query = useMeQuery(); const { data } = query; const { boot, show } = useIntercom(); return (
{data?.plan && ["FREE", "TRIAL"].includes(data.plan) && (
)}

{t("need_anything_else")}

{t("further_billing_help")}

); }