import React from 'react';
import { Table } from '../components/ui/Table';
import { Button } from '../components/ui/Button';

export const Admin: React.FC = () => {
    const users = [
        { id: 1, name: 'Admin User', email: 'admin@example.com', role: 'Admin' },
        { id: 2, name: 'Agent User', email: 'agent@example.com', role: 'Agent' },
    ];

    const columns = [
        { header: 'Name', accessor: 'name' as const },
        { header: 'Email', accessor: 'email' as const },
        { header: 'Role', accessor: 'role' as const },
    ];

    return (
        <div className="p-6">
            <div className="mb-6 flex items-center justify-between">
                <h1 className="text-2xl font-bold text-slate-900">User Management</h1>
                <Button>Add User</Button>
            </div>

            <Table data={users} columns={columns} />
        </div>
    );
};
