import { Link, useParams } from "react-router";
import { useTranslation } from "react-i18next";
import { subscriptionRequiredCheckoutPath } from "~/utils/app/SubscriptionUrlUtils";

export default function ProFeature() {
  const { t } = useTranslation();
  const params = useParams();
  const to = params.tenant ? subscriptionRequiredCheckoutPath(params.tenant) : "/login";

  return (
    <div className="border-border-default bg-surface-neutral-primary text-text-neutral-primary rounded-md border-2 border-dashed py-6 text-center font-medium">
      <Link to={to} className="underline">
        {t("shared.planRequired")}
      </Link>
    </div>
  );
}