403 Access Request

npx shadcn add "https://ui.beste.co/r/error16?email=YOUR_EMAIL&license_key=YOUR_KEY"

npx shadcn add "https://ui.beste.co/r-base/error16?email=YOUR_EMAIL&license_key=YOUR_KEY"

import { Error16, error16Demo } from "@/components/beste/block/error16";

export default function Forbidden() {
  return <Error16 {...error16Demo} />;
}

import { Error16 } from "@/components/beste/block/error16";

export default function Forbidden({ user }: { user: { name: string; email: string; image: string } }) {
  return (
    <Error16
      label="Access Denied"
      code="403"
      heading="This workspace is <strong>closed to you</strong>, for now."
      description="Your account is signed in, it simply has not been granted a seat here."
      labels={{ signedInAs: "Signed in as", requirementsTitle: "What unlocks this page" }}
      account={{
        name: user.name,
        email: user.email,
        avatar: { src: user.image, alt: "Portrait of the signed-in account holder" },
      }}
      switchLink={{ label: "Use a different account", href: "/sign-in" }}
      requirements={[
        "A seat on the workspace, granted by any owner",
        "Single sign-on through your company domain",
      ]}
      button={{ label: "Request a seat", href: "/request-access" }}
      link={{ label: "Back to your dashboard", href: "/app" }}
    />
  );
}

type Error16Labels = {
  signedInAs?: string;
  requirementsTitle?: string;
};

type AccountInfo = {
  name: string;
  email: string;
  avatar: { src: string; alt: string };
};

type ActionLink = {
  label: string;
  href: string;
};