v0 Vercel

// على v0.dev:
// "Create a dashboard with sidebar navigation, 
//  header with search, and data table with sorting"

// النتيجة:
import {
  Table,
  TableBody,
  TableCell,
  TableHead,
  TableHeader,
  TableRow,
} from "@/components/ui/table";
import { Sidebar } from "./sidebar";

export function Dashboard() {
  return (
    <div className="flex h-screen bg-gray-50">
      <Sidebar />
      <main className="flex-1 overflow-auto">
        <header className="border-b px-6 py-4">
          <Search />
        </header>
        <div className="p-6">
          <Table>
            <TableHeader>
              <TableRow>
                <TableHead>Name</TableHead>
                <TableHead>Email</TableHead>
                <TableHead>Role</TableHead>
              </TableRow>
            </TableHeader>
            <TableBody>
              {/* data rows */}
            </TableBody>
          </Table>
        </div>
      </main>
    </div>
  );
}