declare const columnActionSource = "\nimport { useMemo, useState } from 'react';\nimport { DataTable, ColumnActionState, FilterHandler, FilterState, FilterInputMode, FilterValueType } from '@jtl-software/platform-ui-react';\n\nconst App = () => {\n  // Controlled filterable columns \u2013 required for the \"Filter hinzuf\u00FCgen\" column\n  // action to add a filter as a filterable attribute (same as the standalone Filter action).\n  const [selectedFilterableColumnKeys, setSelectedFilterableColumnKeys] = useState([]);\n  const [filters, setFilters] = useState();\n\n  const handleColumnActionClick = (columnAction: ColumnActionState) => {\n    console.log('Column action changed:', columnAction);\n  };\n\n  const filterInputConfig: FilterHandler<Person> = {\n    enabled: true,\n    filterableColumns: [\n      { columnKey: 'name', mode: FilterInputMode.MULTI, valueType: FilterValueType.STRING, options: [] },\n      { columnKey: 'age', mode: FilterInputMode.CUSTOM_VALUE, valueType: FilterValueType.NUMBER },\n      { columnKey: 'status', mode: FilterInputMode.CUSTOM_VALUE, valueType: FilterValueType.STRING, options: [] },\n    ],\n    // Both props must be provided together to enable controlled filtering.\n    selectedFilterableColumnKeys,\n    onSelectedFilterableColumnKeysChange: setSelectedFilterableColumnKeys,\n    onChange: setFilters,\n  };\n\n  return (\n    <DataTable\n      dataSource={data} // mock data\n      columns={columns}\n      tableHeight={500}\n      columnAction={{\n        enabled: true,\n        onClick: handleColumnActionClick,\n      }}\n      filter={filterInputConfig}\n    />\n  );\n};  \n\nexport default App;\n";
export default columnActionSource;