declare const scrollEndSource = "\nimport { DataTable, ColumnActionState } from '@jtl-software/platform-ui-react';\nimport { useState } from 'react';\n\nconst App = () => {\n  const [data, setData] = useState(() => getMockData(20));\n  const [isLoading, setIsLoading] = useState(false);\n  const [page, setPage] = useState(1);\n\n  const columns = [...]; // Column definitions\n\n  const handleScrollEnd = () => {\n    // Prevent multiple simultaneous loading requests\n    if (isLoading || page >= 5) return;\n\n    setIsLoading(true);\n    \n    // In a real app, make an API call here\n    setTimeout(() => {\n      const newData = [...data, ...getMockData(10)];\n      setData(newData);\n      setIsLoading(false);\n      setPage(prev => prev + 1);\n    }, 1000);\n  };\n\n  return (\n    <DataTable\n      dataSource={data}\n      columns={columns}\n      tableHeight={400}\n      onScrollEnd={handleScrollEnd}\n      isLoading={isLoading}\n      toolbar={{\n        title: 'Infinite Scroll Demo',\n        subtitle: `${data.length} items loaded (scroll to bottom to load more)`,\n      }}\n    />\n  );\n};\n";
export default scrollEndSource;
