import * as React from 'react';
import { OverlayDarkExample } from './Overlay.Dark.Example';
import { OverlayLightExample } from './Overlay.Light.Example';
var OverlayLightExampleCode = require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/Overlay/Overlay.Light.Example.tsx');
var OverlayDarkExampleCode = require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/Overlay/Overlay.Dark.Example.tsx');
export var OverlayPageProps = {
    title: 'Overlay',
    componentName: 'Overlay',
    componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/office-ui-fabric-react/src/components/Overlay',
    examples: [
        {
            title: 'Light',
            code: OverlayLightExampleCode,
            view: React.createElement(OverlayLightExample, null),
        },
        {
            title: 'Dark',
            code: OverlayDarkExampleCode,
            view: React.createElement(OverlayDarkExample, null),
        },
    ],
    overview: require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/Overlay/docs/OverlayOverview.md'),
    bestPractices: require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/Overlay/docs/OverlayBestPractices.md'),
    dos: require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/Overlay/docs/OverlayDos.md'),
    donts: require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/Overlay/docs/OverlayDonts.md'),
    isHeaderVisible: true,
    isFeedbackVisible: true,
    allowNativeProps: true,
};
//# sourceMappingURL=Overlay.doc.js.map