brightyui
Version:
Brighty UI library
26 lines • 1.91 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var jsx_runtime_1 = require("react/jsx-runtime");
var react_1 = require("react");
var SearchBar_module_scss_1 = tslib_1.__importDefault(require("../../../src/styles/SearchBar.module.scss"));
var cnbuilder_1 = require("cnbuilder");
var CloseIcon_1 = require("../../images/IconComponents/CloseIcon");
var SearchIcon_1 = require("../../images/IconComponents/SearchIcon");
var SearchBar = function (_a) {
var _b;
var className = _a.className, value = _a.value, onChange = _a.onChange, placeholder = _a.placeholder, name = _a.name, disabled = _a.disabled, clearable = _a.clearable;
var inputRef = (0, react_1.useRef)(null);
var handleClear = function (e) {
e.preventDefault();
e.stopPropagation();
if (inputRef.current) {
inputRef.current.value = '';
}
};
return ((0, jsx_runtime_1.jsx)("div", { className: SearchBar_module_scss_1.default.wrapper, children: (0, jsx_runtime_1.jsxs)("div", { className: (0, cnbuilder_1.cnb)(SearchBar_module_scss_1.default.root, className), children: [(0, jsx_runtime_1.jsx)("div", { className: SearchBar_module_scss_1.default.searchIcon, children: (0, jsx_runtime_1.jsx)(SearchIcon_1.SearchIcon, {}) }), (0, jsx_runtime_1.jsx)("input", { className: (0, cnbuilder_1.cnb)(SearchBar_module_scss_1.default.input, (_b = {},
_b[SearchBar_module_scss_1.default.input__clearable] = clearable,
_b)), value: value, onChange: onChange, placeholder: placeholder, disabled: disabled, name: name, ref: inputRef }), (0, jsx_runtime_1.jsx)("button", { className: SearchBar_module_scss_1.default.closeButton, onClick: handleClear, children: (0, jsx_runtime_1.jsx)(CloseIcon_1.CloseIcon, {}) })] }) }));
};
exports.default = SearchBar;
//# sourceMappingURL=SearchBar.js.map