'use client';
import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
import React from 'react';
import { SearchIcon } from '../../../../icons/Search/index.js';
import { useTranslation } from '../../../../providers/Translation/index.js';
import './index.scss';
const baseClass = 'block-search';
export const BlockSearch = (props)=>{
    const { setSearchTerm } = props;
    const { t } = useTranslation();
    const handleChange = (e)=>{
        setSearchTerm(e.target.value);
    };
    return /*#__PURE__*/ _jsxDEV("div", {
        className: baseClass,
        children: [
            /*#__PURE__*/ _jsxDEV("input", {
                className: `${baseClass}__input`,
                onChange: handleChange,
                placeholder: t('fields:searchForBlock')
            }, void 0, false, {
                fileName: "src/fields/Blocks/BlockSelector/BlockSearch/index.tsx",
                lineNumber: 20,
                columnNumber: 7
            }, this),
            /*#__PURE__*/ _jsxDEV(SearchIcon, {}, void 0, false, {
                fileName: "src/fields/Blocks/BlockSelector/BlockSearch/index.tsx",
                lineNumber: 25,
                columnNumber: 7
            }, this)
        ]
    }, void 0, true, {
        fileName: "src/fields/Blocks/BlockSelector/BlockSearch/index.tsx",
        lineNumber: 19,
        columnNumber: 5
    }, this);
};

//# sourceMappingURL=index.js.map