import { useLocale } from "@calcom/lib/hooks/useLocale";
import { Button } from "@calcom/ui/components/button";
import { EmptyScreen } from "@calcom/ui/components/empty-screen";

export default function NoPlatformPlan() {
  const { t } = useLocale();
  return (
    <EmptyScreen
      Icon="credit-card"
      headline={t("subscription_needed")}
      description={t("subscription_needed_description")}
      buttonRaw={
        <div className="flex gap-2">
          <Button
            className="hover:bg-slate-300 hover:text-black"
            color="secondary"
            href="/settings/platform/new">
            Subscribe
          </Button>
          <Button
            color="secondary"
            className="hover:bg-slate-300 hover:text-black"
            href="https://cal.com/platform/pricing"
            target="_blank">
            Go to Pricing
          </Button>
          <Button
            color="secondary"
            className="hover:bg-slate-300 hover:text-black"
            href="https://cal.com/sales"
            target="_blank">
            Contact Sales
          </Button>
        </div>
      }
    />
  );
}