import type { HTMLAttributes, TdHTMLAttributes, ThHTMLAttributes } from "react";
import { cn } from "@/lib/utils";
/**
* Table — Design System §3.10. للوحة التحكم الإدارية حصرًا — **لا
* يُستخدَم لعرض محتوى عام للزوار** (استخدم Card ضمن قائمة/شبكة، §12).
* ترويسة ثابتة عند التمرير عبر `sticky top-0` على TableHeader.
*
* Table — Design System §3.10. For the admin dashboard only — **never
* used to display general content to visitors** (use Card within a
* list/grid instead, §12). Sticky header on scroll via `sticky top-0`
* on TableHeader.
*/
export function Table({ className, ...props }: HTMLAttributes) {
return (
);
}
export function TableHeader({ className, ...props }: HTMLAttributes) {
return ;
}
export function TableBody({ className, ...props }: HTMLAttributes) {
return ;
}
export function TableRow({ className, ...props }: HTMLAttributes) {
return |
;
}
export function TableHead({ className, ...props }: ThHTMLAttributes) {
return (
|
);
}
export function TableCell({ className, ...props }: TdHTMLAttributes) {
return | ;
}
/** حالة فارغة مصمَّمة — إلزامية، لا جدول فارغ بلا رسالة (§3.10). Designed empty state — mandatory, never an unexplained empty table (§3.10). */
export function TableEmpty({ colSpan, message = "لا توجد بيانات" }: { colSpan: number; message?: string }) {
return (
|
{message}
|
);
}