App.tsx

import 'ag-grid-community/styles/ag-grid.css'; // Core grid CSS, always needed
import 'ag-grid-community/styles/ag-theme-alpine.css'; // Optional theme CSS
import Table from './components/Table';
import DashBoardLayout from './components/layout/indext';

function App() {
  const handleInputValues = (data: any) => {
    console.log({data});
    
  };

  return (
    <DashBoardLayout downloadCSV={() => { }} downloadExcel={() => { }}>
      <Table
        initialValues={{
          rows: [
            // {
            //   columnKey: '1',
            //   columnName: 'Id',
            //   value: {
            //     firstValue: 'hello',
            //     secondValue: 'shss',
            //   },
            // },
          ],
          columns: [
            {
              name: 'Id',
              key: 'susbsb56sgsbsh',
            },
            {
              name: 'Phone Number',
              key: 'shgs6sysbs99nns',
            },
          ],
        }}
        onChange={handleInputValues}
        mode="light"
      />
    </DashBoardLayout>
  );
}

export default App;