create driver page and client page also create oll driver , client layer

This commit is contained in:
m7amedez5511
2026-06-14 16:25:56 +03:00
parent 68bfce4345
commit bcc4baf28a
35 changed files with 5551 additions and 816 deletions

22
Components/UI/Badge.tsx Normal file
View File

@@ -0,0 +1,22 @@
interface BadgeProps {
label: string;
color?: "indigo" | "green" | "amber" | "red" | "slate";
}
const BADGE_COLORS: Record<string, string> = {
indigo: "bg-indigo-100 text-indigo-700",
green: "bg-emerald-100 text-emerald-700",
amber: "bg-amber-100 text-amber-700",
red: "bg-red-100 text-red-700",
slate: "bg-slate-100 text-slate-600",
};
export function Badge({ label, color = "slate" }: BadgeProps) {
return (
<span
className={`inline-block rounded-full px-2.5 py-0.5 text-xs font-semibold ${BADGE_COLORS[color]}`}
>
{label}
</span>
);
}