import * as React from 'react';
import { SeparatorBasicExample } from './Separator.Basic.Example';
import { SeparatorThemingExample } from './Separator.Theming.Example';
import { SeparatorIconExample } from './Separator.Icon.Example';
var SeparatorBasicExampleCode = require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/Separator/Separator.Basic.Example.tsx');
var SeparatorThemingExampleCode = require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/Separator/Separator.Theming.Example.tsx');
var SeparatorIconExampleCode = require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/Separator/Separator.Icon.Example.tsx');
export var SeparatorPageProps = {
    title: 'Separator',
    componentName: 'Separator',
    componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/office-ui-fabric-react/src/components/Separator',
    examples: [
        {
            title: 'Basic Separator with Text',
            code: SeparatorBasicExampleCode,
            view: React.createElement(SeparatorBasicExample, null),
        },
        {
            title: 'Basic Themed Separator with Text',
            code: SeparatorThemingExampleCode,
            view: React.createElement(SeparatorThemingExample, null),
        },
        {
            title: 'Separator With Icon',
            code: SeparatorIconExampleCode,
            view: React.createElement(SeparatorIconExample, null),
        },
    ],
    overview: require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/Separator/docs/SeparatorOverview.md'),
    bestPractices: require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/Separator/docs/SeparatorBestPractices.md'),
    dos: require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/Separator/docs/SeparatorDos.md'),
    donts: require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/Separator/docs/SeparatorDonts.md'),
    isHeaderVisible: true,
    isFeedbackVisible: true,
};
//# sourceMappingURL=Separator.doc.js.map