define(["require", "exports", "react", "@fluentui/react/lib/SearchBox"], function (require, exports, React, SearchBox_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.SearchBoxSmallExample = void 0;
    var searchBoxStyles = { root: { width: 200 } };
    /* eslint-disable react/jsx-no-bind */
    var SearchBoxSmallExample = function () { return (React.createElement(SearchBox_1.SearchBox, { styles: searchBoxStyles, placeholder: "Search", onEscape: function (ev) {
            console.log('Custom onEscape Called');
        }, onClear: function (ev) {
            console.log('Custom onClear Called');
        }, onChange: function (_, newValue) { return console.log('SearchBox onChange fired: ' + newValue); }, onSearch: function (newValue) { return console.log('SearchBox onSearch fired: ' + newValue); } })); };
    exports.SearchBoxSmallExample = SearchBoxSmallExample;
});
//# sourceMappingURL=SearchBox.Small.Example.js.map