1function DataGrid({ data, columns }) {
2    const [sortConfig, setSortConfig] = useState({ key: null, direction: 'asc' });
3    const [currentPage, setCurrentPage] = useState(1);
4    const [itemsPerPage] = useState(10);
5
6    // Missing implementation
7    _______________
8
9    const sortedData = useMemo(() => {
10        if (!sortConfig.key) return data;
11        
12        return [...data].sort((a, b) => {
13            const aVal = a[sortConfig.key];
14            const bVal = b[sortConfig.key];
15            
16            if (sortConfig.direction === 'asc') {
17                return aVal > bVal ? 1 : -1;
18            }
19            return aVal < bVal ? 1 : -1;
20        });
21    }, [data, sortConfig]);
22
23    const paginatedData = sortedData.slice(
24        (currentPage - 1) * itemsPerPage,
25        currentPage * itemsPerPage
26    );
27
28    return (
29        <div className="data-grid">
30            <table>
31                <thead>
32                    <tr>
33                        {columns.map(column => (
34                            <th 
35                                key={column.key}
36                                onClick={() => requestSort(column.key)}
37                                className={sortConfig.key === column.key ? sortConfig.direction : ''}
38                            >
39                                {column.label}
40                            </th>
41                        ))}
42                    </tr>
43                </thead>
44                <tbody>
45                    {paginatedData.map(row => (
46                        <tr key={row.id}>
47                            {columns.map(column => (
48                                <td key={column.key}>{row[column.key]}</td>
49                            ))}
50                        </tr>
51                    ))}
52                </tbody>
53            </table>
54        </div>
55    );
56}