import * as React from 'react';
import { LayerBasicExample } from './Layer.Basic.Example';
import { LayerHostedExample } from './Layer.Hosted.Example';
import { LayerCustomizedExample } from './Layer.Customized.Example';
import { LayerNestedLayersExample } from './Layer.NestedLayers.Example';
var LayerBasicExampleCode = require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/Layer/Layer.Basic.Example.tsx');
var LayerHostedExampleCode = require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/Layer/Layer.Hosted.Example.tsx');
var LayerCustomizedExampleCode = require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/Layer/Layer.Customized.Example.tsx');
var LayerNestedLayersExampleCode = require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/Layer/Layer.NestedLayers.Example.tsx');
export var LayerPageProps = {
    title: 'Layer',
    componentName: 'Layer',
    componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-next/src/components/Layer',
    examples: [
        {
            title: 'Basic layered content',
            code: LayerBasicExampleCode,
            view: React.createElement(LayerBasicExample, null),
        },
        {
            title: 'Using LayerHost to control projection',
            code: LayerHostedExampleCode,
            view: React.createElement(LayerHostedExample, null),
        },
        {
            title: 'Using Customizer to control the default layer behavior',
            code: LayerCustomizedExampleCode,
            view: React.createElement(LayerCustomizedExample, null),
        },
        {
            title: 'Nested Layers Example',
            code: LayerNestedLayersExampleCode,
            view: React.createElement(LayerNestedLayersExample, null),
        },
    ],
    overview: require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/Layer/docs/LayerOverview.md'),
    bestPractices: require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/Layer/docs/LayerBestPractices.md'),
    dos: require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/Layer/docs/LayerDos.md'),
    donts: require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/Layer/docs/LayerDonts.md'),
    isHeaderVisible: true,
    isFeedbackVisible: true,
};
//# sourceMappingURL=Layer.doc.js.map