'use strict';

var jsxRuntime = require('../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
var reactIcons_esm = require('../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs');
var textfield = require('../textfield/textfield.cjs');
var useTable = require('./hooks/useTable.cjs');

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

exports.DataTableGloabalSearch = DataTableGloabalSearch;
//# sourceMappingURL=DataTableGloabalSearch.cjs.map
