define(["require", "exports", "react", "./SearchBox.FullSize.Example", "./SearchBox.Underlined.Example", "./SearchBox.Disabled.Example", "./SearchBox.CustomIcon.Example", "./SearchBox.Small.Example"], function (require, exports, React, SearchBox_FullSize_Example_1, SearchBox_Underlined_Example_1, SearchBox_Disabled_Example_1, SearchBox_CustomIcon_Example_1, SearchBox_Small_Example_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.SearchBoxPageProps = void 0;
    var SearchBoxFullSizeExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/SearchBox/SearchBox.FullSize.Example.tsx');
    var SearchBoxUnderlinedExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/SearchBox/SearchBox.Underlined.Example.tsx');
    var SearchBoxDisabledExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/SearchBox/SearchBox.Disabled.Example.tsx');
    var SearchBoxCustomIconExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/SearchBox/SearchBox.CustomIcon.Example.tsx');
    var SearchBoxSmallExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/SearchBox/SearchBox.Small.Example.tsx');
    exports.SearchBoxPageProps = {
        title: 'SearchBox',
        componentName: 'SearchBox',
        componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/SearchBox',
        examples: [
            {
                title: 'Default SearchBox',
                code: SearchBoxFullSizeExampleCode,
                view: React.createElement(SearchBox_FullSize_Example_1.SearchBoxFullSizeExample, null),
            },
            {
                title: 'Underlined SearchBox',
                code: SearchBoxUnderlinedExampleCode,
                view: React.createElement(SearchBox_Underlined_Example_1.SearchBoxUnderlinedExample, null),
            },
            {
                title: 'Disabled SearchBoxes',
                code: SearchBoxDisabledExampleCode,
                view: React.createElement(SearchBox_Disabled_Example_1.SearchBoxDisabledExample, null),
            },
            {
                title: 'SearchBox with custom icon',
                code: SearchBoxCustomIconExampleCode,
                view: React.createElement(SearchBox_CustomIcon_Example_1.SearchBoxCustomIconExample, null),
            },
            {
                title: 'SearchBox with fixed width and custom event handling',
                code: SearchBoxSmallExampleCode,
                view: React.createElement(SearchBox_Small_Example_1.SearchBoxSmallExample, null),
            },
        ],
        overview: require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/SearchBox/docs/SearchBoxOverview.md'),
        bestPractices: require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/SearchBox/docs/SearchBoxBestPractices.md'),
        isHeaderVisible: true,
        isFeedbackVisible: true,
    };
});
//# sourceMappingURL=SearchBox.doc.js.map