define(["require", "exports", "react", "./Icon.Basic.Example", "./Icon.Svg.Example", "./Icon.Color.Example", "./Icon.ImageSheet.Example", "./Icon.SvgFactory.Example"], function (require, exports, React, Icon_Basic_Example_1, Icon_Svg_Example_1, Icon_Color_Example_1, Icon_ImageSheet_Example_1, Icon_SvgFactory_Example_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.IconPageProps = void 0;
    var IconBasicExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Icon/Icon.Basic.Example.tsx');
    var IconSvgExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Icon/Icon.Svg.Example.tsx');
    var IconColorExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Icon/Icon.Color.Example.tsx');
    var IconImageSheetExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Icon/Icon.ImageSheet.Example.tsx');
    var IconSvgFactoryExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Icon/Icon.SvgFactory.Example.tsx');
    exports.IconPageProps = {
        title: 'Icon',
        componentName: 'Icon',
        componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/Icon',
        examples: [
            {
                title: 'Icon',
                code: IconBasicExampleCode,
                view: React.createElement(Icon_Basic_Example_1.IconBasicExample, null),
            },
            {
                title: 'Icon with custom color',
                code: IconColorExampleCode,
                view: React.createElement(Icon_Color_Example_1.IconColorExample, null),
            },
            {
                title: 'Icon using custom svg',
                code: IconSvgExampleCode,
                view: React.createElement(Icon_Svg_Example_1.IconSvgExample, null),
            },
            {
                title: 'Icon using image sheet',
                code: IconImageSheetExampleCode,
                view: React.createElement(Icon_ImageSheet_Example_1.IconImageSheetExample, null),
            },
            {
                title: 'Icon using svg factory',
                code: IconSvgFactoryExampleCode,
                view: React.createElement(Icon_SvgFactory_Example_1.IconSvgFactoryExample, null),
            },
        ],
        overview: require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Icon/docs/IconOverview.md'),
        bestPractices: require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Icon/docs/IconBestPractices.md'),
        dos: require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Icon/docs/IconDos.md'),
        donts: require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Icon/docs/IconDonts.md'),
        isHeaderVisible: true,
        isFeedbackVisible: true,
        allowNativeProps: true,
    };
});
//# sourceMappingURL=Icon.doc.js.map