import { j as jsxRuntimeExports } from '../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
import { MagnifyingGlassIcon } from '../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
import { TextField } from '../textfield/textfield.js';
import { useTable } from './hooks/useTable.js';

function DataTableGloabalSearch(props) {
    const { table, globalFilter, onGlobalFilterChange } = useTable();
    return (jsxRuntimeExports.jsx(TextField
    // @ts-ignore
    , { 
        // @ts-ignore
        leading: jsxRuntimeExports.jsx(MagnifyingGlassIcon, { style: { color: "var(--foreground-base)" } }), placeholder: "Filter tasks...", value: globalFilter ?? "", onChange: (event) => onGlobalFilterChange(String(event.target.value)), ...props }));
}

export { DataTableGloabalSearch };
//# sourceMappingURL=DataTableGloabalSearch.js.map
