declare const dragNDropSource = "\nconst [columnOrder, setColumnOrder] = useState<string[]>([]);\nconst [lastClickedHeader, setLastClickedHeader] = useState<string>();\n\nconst handleColumnOrderChange = (newOrder: string[]) => {\n  setColumnOrder(newOrder);\n  console.log('Column order changed:', newOrder);\n};\n\n<DataTable\n  toolbar={{\n    title: 'Drag and drop example',\n    subtitle: lastClickedHeader ? `Last clicked header: ${lastClickedHeader}` : 'Drag a header to reorder columns, or click it',\n  }}\n  dataSource={data}\n  columns={columns}\n  tableHeight={tableHeight}\n  size=\"sm\"\n  rowKey=\"id\"\n  onHeaderClick={title => setLastClickedHeader(String(title))}\n  rowsSelection={{ enabled: true, menuItems: rowsSelectionActions }}\n  rowAction={{\n    enabled: true,\n    menuItems: [{ label: 'Edit', icon: 'Edit', type: DropdownItem.Default, onClick: record => console.log(record) }],\n  }}\n  draggable={{\n    enabled: true,\n    value: columnOrder,\n    onChange: handleColumnOrderChange,\n  }}\n/>\n";
export default dragNDropSource;