import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
import { SearchIcon } from '../../icons/Search/index.js';
import { SearchFilter } from '../SearchFilter/index.js';
import './index.scss';
const baseClass = 'search-bar';
export function SearchBar({ Actions, className, label = 'Search...', onSearchChange, searchQueryParam }) {
    return /*#__PURE__*/ _jsxDEV("div", {
        className: [
            baseClass,
            className
        ].filter(Boolean).join(' '),
        children: [
            /*#__PURE__*/ _jsxDEV(SearchIcon, {}, void 0, false, {
                fileName: "src/elements/SearchBar/index.tsx",
                lineNumber: 23,
                columnNumber: 7
            }, this),
            /*#__PURE__*/ _jsxDEV(SearchFilter, {
                handleChange: onSearchChange,
                label: label,
                searchQueryParam: searchQueryParam
            }, void 0, false, {
                fileName: "src/elements/SearchBar/index.tsx",
                lineNumber: 24,
                columnNumber: 7
            }, this),
            Actions && Actions.length > 0 ? /*#__PURE__*/ _jsxDEV("div", {
                className: `${baseClass}__actions`,
                children: Actions
            }, void 0, false, {
                fileName: "src/elements/SearchBar/index.tsx",
                lineNumber: 30,
                columnNumber: 9
            }, this) : null
        ]
    }, void 0, true, {
        fileName: "src/elements/SearchBar/index.tsx",
        lineNumber: 22,
        columnNumber: 5
    }, this);
}

//# sourceMappingURL=index.js.map