"use client"; import type { HTMLAttributes, ReactNode } from "react"; import { cx } from "./cx"; export interface DividerProps extends HTMLAttributes { /** متن وسط خط، مثل «یا» */ label?: ReactNode; vertical?: boolean; } export function Divider({ label, vertical, className, ...rest }: DividerProps) { return (

{label && {label}}

); } export interface KbdProps extends HTMLAttributes { /** چند کلید، مثل ["Ctrl", "K"] */ keys?: string[]; } /** کلید صفحه‌کلید */ export function Kbd({ keys, children, className, ...rest }: KbdProps) { if (keys) { return ( {keys.map((k, i) => {k})} ); } return {children}; } export interface EmptyStateProps extends Omit, "title"> { title: ReactNode; description?: ReactNode; icon?: ReactNode; /** دکمه‌ها */ actions?: ReactNode; } /** حالت خالی: وقتی داده‌ای برای نمایش نیست */ export function EmptyState({ title, description, icon, actions, className, ...rest }: EmptyStateProps) { return (

{icon && }

{title}

{description &&

{description}

} {actions &&

{actions}

}

); }