"use client";

import Link from "next/link";
import { ChevronLeft } from "lucide-react";
import { Button } from "@/components/ui/button";

export function ExcelEditorForbidden() {
  return (
    <div className="flex flex-col items-center justify-center min-h-[60vh] p-8 text-center gap-3">
      <h1 className="text-[20px] font-extrabold font-['Lexend'] text-text">
        You don&apos;t have permission to use Excel Editor
      </h1>
      <p className="text-[13px] text-gray-500 font-['Lexend_Deca'] max-w-md">
        Ask an administrator to grant you the
        <code className="mx-1 rounded bg-gray-100 px-1.5 py-0.5 text-[12px]">
          CREATE / EXCEL_IMPORT
        </code>
        catalog permission.
      </p>
      <Link href="/leads">
        <Button size="sm" variant="outline" className="gap-1.5">
          <ChevronLeft size={13} /> Back to Leads
        </Button>
      </Link>
    </div>
  );
}