import * as React from 'react';
import { IconBasicExample } from './Icon.Basic.Example';
import { IconSvgExample } from './Icon.Svg.Example';
import { IconColorExample } from './Icon.Color.Example';
import { IconImageSheetExample } from './Icon.ImageSheet.Example';
import { IconSvgFactoryExample } from './Icon.SvgFactory.Example';
var IconBasicExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Icon/Icon.Basic.Example.tsx');
var IconSvgExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Icon/Icon.Svg.Example.tsx');
var IconColorExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Icon/Icon.Color.Example.tsx');
var IconImageSheetExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Icon/Icon.ImageSheet.Example.tsx');
var IconSvgFactoryExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Icon/Icon.SvgFactory.Example.tsx');
export var IconPageProps = {
    title: 'Icon',
    componentName: 'Icon',
    componentUrl: 'https://github.com/microsoft/fluentui/tree/7.0/packages/office-ui-fabric-react/src/components/Icon',
    examples: [
        {
            title: 'Icon',
            code: IconBasicExampleCode,
            view: React.createElement(IconBasicExample, null),
        },
        {
            title: 'Icon with custom color',
            code: IconColorExampleCode,
            view: React.createElement(IconColorExample, null),
        },
        {
            title: 'Icon using custom svg',
            code: IconSvgExampleCode,
            view: React.createElement(IconSvgExample, null),
        },
        {
            title: 'Icon using image sheet',
            code: IconImageSheetExampleCode,
            view: React.createElement(IconImageSheetExample, null),
        },
        {
            title: 'Icon using svg factory',
            code: IconSvgFactoryExampleCode,
            view: React.createElement(IconSvgFactoryExample, null),
        },
    ],
    overview: require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Icon/docs/IconOverview.md'),
    bestPractices: require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Icon/docs/IconBestPractices.md'),
    dos: require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Icon/docs/IconDos.md'),
    donts: require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Icon/docs/IconDonts.md'),
    isHeaderVisible: true,
    isFeedbackVisible: true,
    allowNativeProps: true,
};
//# sourceMappingURL=Icon.doc.js.map