import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { ArrowRestartIcon } from '../../../../lib/icons/ArrowRestart.js';
import { IconButton } from '../../../../lib/ui/IconButton.js';
export function TableFilterBar({ filterCleared = false, onFilterClear, children, ...props }) {
    return (_jsxs("div", { className: 'seam-table-filter-bar', ...props, children: [children, ' ', !filterCleared && _jsx(ClearFiltersButton, { onClick: onFilterClear })] }));
}
function ClearFiltersButton(props) {
    return (_jsx(IconButton, { ...props, className: 'seam-clear-filters-button', children: _jsx(ArrowRestartIcon, {}) }));
}
//# sourceMappingURL=TableFilterBar.js.map