DataGrid

import { DataGrid } from "@compa11y/react";

import { DataGrid, Button } from "@compa11y/react";

const columns = [
  { key: "name", header: "Name", sortable: true },
  { key: "email", header: "Email", sortable: true },
  { key: "role", header: "Role" },
];

const data = [
  { name: "Alice Johnson", email: "alice@example.com", role: "Admin" },
  { name: "Bob Smith", email: "bob@example.com", role: "Editor" },
  { name: "Carol White", email: "carol@example.com", role: "Viewer" },
];

function TeamGrid() {
  return (
    <DataGrid data={data} columns={columns}>
      <DataGrid.Toolbar>
        <Button variant="outline" size="sm">Export</Button>
        <Button size="sm">Add Member</Button>
      </DataGrid.Toolbar>
    </DataGrid>
  );
}