import * as React from 'react';
import { PivotBasicExample } from './Pivot.Basic.Example';
import { PivotIconCountExample } from './Pivot.IconCount.Example';
import { PivotLargeExample } from './Pivot.Large.Example';
import { PivotTabsExample } from './Pivot.Tabs.Example';
import { PivotTabsLargeExample } from './Pivot.TabsLarge.Example';
import { PivotOnChangeExample } from './Pivot.OnChange.Example';
import { PivotRemoveExample } from './Pivot.Remove.Example';
import { PivotOverrideExample } from './Pivot.Override.Example';
import { PivotSeparateExample } from './Pivot.Separate.Example';
import { PivotOverflowMenuExample } from './Pivot.OverflowMenu.Example';
var PivotRemoveExampleCode = require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/Pivot/Pivot.Remove.Example.tsx');
var PivotBasicExampleCode = require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/Pivot/Pivot.Basic.Example.tsx');
var PivotLargeExampleCode = require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/Pivot/Pivot.Large.Example.tsx');
var PivotTabsExampleCode = require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/Pivot/Pivot.Tabs.Example.tsx');
var PivotTabsLargeExampleCode = require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/Pivot/Pivot.TabsLarge.Example.tsx');
var PivotOnChangeExampleCode = require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/Pivot/Pivot.OnChange.Example.tsx');
var PivotIconCountExampleCode = require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/Pivot/Pivot.IconCount.Example.tsx');
var PivotOverrideExampleCode = require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/Pivot/Pivot.Override.Example.tsx');
var PivotSeparateExampleCode = require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/Pivot/Pivot.Separate.Example.tsx');
var PivotOverflowMenuExampleCode = require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/Pivot/Pivot.OverflowMenu.Example.tsx');
export var PivotPageProps = {
    title: 'Pivot',
    componentName: 'Pivot',
    componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/office-ui-fabric-react/src/components/Pivot',
    examples: [
        {
            title: 'Default Pivot',
            code: PivotBasicExampleCode,
            view: React.createElement(PivotBasicExample, null),
        },
        {
            title: 'Count and Icon',
            code: PivotIconCountExampleCode,
            view: React.createElement(PivotIconCountExample, null),
        },
        {
            title: 'Large link size',
            code: PivotLargeExampleCode,
            view: React.createElement(PivotLargeExample, null),
        },
        {
            title: 'Links of tab style',
            code: PivotTabsExampleCode,
            view: React.createElement(PivotTabsExample, null),
        },
        {
            title: 'Links of large tab style',
            code: PivotTabsLargeExampleCode,
            view: React.createElement(PivotTabsLargeExample, null),
        },
        {
            title: 'Trigger onchange event',
            code: PivotOnChangeExampleCode,
            view: React.createElement(PivotOnChangeExample, null),
        },
        {
            title: 'Show/Hide pivot item',
            code: PivotRemoveExampleCode,
            view: React.createElement(PivotRemoveExample, null),
        },
        {
            title: 'Override selected item',
            code: PivotOverrideExampleCode,
            view: React.createElement(PivotOverrideExample, null),
        },
        {
            title: 'Render content separately',
            code: PivotSeparateExampleCode,
            view: React.createElement(PivotSeparateExample, null),
        },
        {
            title: 'Pivot with overflow menu',
            code: PivotOverflowMenuExampleCode,
            view: React.createElement(PivotOverflowMenuExample, null),
        },
    ],
    overview: require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/Pivot/docs/PivotOverview.md'),
    bestPractices: '',
    dos: require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/Pivot/docs/PivotDos.md'),
    donts: require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/Pivot/docs/PivotDonts.md'),
    isHeaderVisible: true,
    isFeedbackVisible: true,
    allowNativePropsForComponentName: 'PivotItem',
    allowNativeProps: true,
};
//# sourceMappingURL=Pivot.doc.js.map