declare const defaultSource = "\nimport { DataTable, ITableColumnProps, Badge } from '@jtl-software/platform-ui-react';\n\ninterface Person {\n id: string;\n name: string;\n age: number;\n status: 'active' | 'inactive' | 'pending';\n occupation: string;\n gender: 'male' | 'female' | 'other';\n country: string;\n experienceYears: number;\n address: {\n street: string;\n city: {\n name: string;\n region: {\n code: string;\n name: string;\n };\n };\n };\n children: {\n name: string;\n age: number;\n hobbies: string[];\n }[];\n}\n\nconst App = () => {\n const columns: ITableColumnProps[] = [\n {\n dataIndex: 'id',\n title: 'ID',\n key: 'id',\n width: 100,\n },\n {\n dataIndex: 'name',\n title: 'Name',\n key: 'name',\n },\n {\n dataIndex: 'age',\n title: 'Age',\n key: 'age',\n align: 'end',\n },\n {\n dataIndex: 'status',\n title: 'Status',\n key: 'status',\n render: status =>\n status && \n \n },\n {\n dataIndex: 'occupation',\n title: 'Occupation',\n key: 'occupation',\n width: 200,\n },\n {\n dataIndex: 'gender',\n title: 'Gender',\n key: 'gender',\n align: 'center',\n },\n {\n dataIndex: 'country',\n title: 'Country',\n key: 'country',\n },\n {\n dataIndex: 'experienceYears',\n title: 'Experience (Years)',\n key: 'experienceYears',\n align: 'center',\n },\n {\n dataIndex: 'address.city.region.name',\n title: 'Region',\n key: 'region',\n },\n {\n dataIndex: 'children.0.name',\n title: 'First Child',\n key: 'firstChild',\n },\n ];\n\n const [data, setData] = useState([]);\n\n useEffect(() => {\n // Writing the function to mock data by yourself\n const mockData = getMockData(20000);\n setData(mockData);\n }, []);\n\n return ;\n};\n\nexport default App;\n"; export default defaultSource;