"use client";

import { COMMUNICATION_PERMISSIONS } from "@/modules/communication/constants/permissions";
import { PageHeader, Card, CardContent, Badge } from "@/components/ds";
import { CommunicationBreadcrumbs } from "@/modules/communication/components/CommunicationBreadcrumbs";

export function PermissionsPage() {
  return (
    <div className="space-y-6">
      <CommunicationBreadcrumbs current="مجوزها" />
      <PageHeader title="درخت مجوزها" description="communication.* — read-only از definitions backend" />
      <div className="grid gap-2 sm:grid-cols-2">
        {COMMUNICATION_PERMISSIONS.map((p) => (
          <Card key={p}>
            <CardContent className="flex items-center justify-between p-3">
              <code className="text-xs">{p}</code>
              <Badge tone="info">تعریف‌شده</Badge>
            </CardContent>
          </Card>
        ))}
      </div>
    </div>
  );
}

export default PermissionsPage;