"use client";

import { ShieldAlert } from "lucide-react";
import { Button, EmptyState } from "@/components/ds";

/** Shown when user lacks permission or API returns 403. */
export function PermissionDeniedState({
  message = "شما دسترسی لازم برای این عملیات را ندارید.",
  onRetry,
}: {
  message?: string;
  onRetry?: () => void;
}) {
  return (
    <div className="flex flex-col items-center justify-center gap-3 rounded-2xl border border-amber-200 bg-amber-50 px-6 py-16 text-center dark:border-amber-900 dark:bg-amber-950/20">
      <ShieldAlert className="h-8 w-8 text-amber-600" aria-hidden />
      <EmptyState title="عدم دسترسی" description={message} />
      {onRetry ? (
        <Button type="button" variant="outline" size="sm" onClick={onRetry}>
          تلاش مجدد
        </Button>
      ) : null}
    </div>
  );
}
