import { Table } from "lambda-ui-components";

const data = [
	{ id: 1, name: "John Doe", email: "john@example.com" },
	{ id: 2, name: "Jane Smith", email: "jane@example.com" },
];

export default function App() {
	return (
		<Table data={data}>
			<Table.Header>
				<Table.Row>
					<Table.ColumnHeader sortKey="id">ID</Table.ColumnHeader>
					<Table.ColumnHeader sortKey="name">Name</Table.ColumnHeader>
					<Table.ColumnHeader sortKey="email">Email</Table.ColumnHeader>
				</Table.Row>
			</Table.Header>
			<Table.Body>
				{data.map((user) => (
					<Table.Row key={user.id}>
						<Table.Cell>{user.id}</Table.Cell>
						<Table.Cell>{user.name}</Table.Cell>
						<Table.Cell>{user.email}</Table.Cell>
					</Table.Row>
				))}
			</Table.Body>
		</Table>
	);
}