Data Grid

import { DataGrid } from '@otfdashkit/ui'

interface User {
  id: string
  name: string
  email: string
  role: 'Admin' | 'Member' | 'Viewer'
  status: 'Active' | 'Inactive' | 'Pending'
  createdAt: string
}

function makeUsers(n: number): User[] {
  const roles: User['role'][] = ['Admin', 'Member', 'Viewer']
  const statuses: User['status'][] = ['Active', 'Inactive', 'Pending']
  return Array.from({ length: n }, (_, i) => ({
    id: String(i + 1),
    name: `User ${i + 1}`,
    email: `user${i + 1}@example.com`,
    role: roles[i % 3]!,
    status: statuses[i % 3]!,
    createdAt: new Date(Date.now() - i * 86400000).toLocaleDateString(),
  }))
}

export function Example() {
  return <DataGrid<User> data={makeUsers(20)} />
}