import * as React from 'react';
import { PanelBasicExample } from './Panel.Basic.Example';
import { PanelConfirmDismissExample } from './Panel.ConfirmDismiss.Example';
import { PanelControlledExample } from './Panel.Controlled.Example';
import { PanelFooterExample } from './Panel.Footer.Example';
import { PanelNavigationExample } from './Panel.Navigation.Example';
import { PanelHandleDismissTargetExample } from './Panel.HandleDismissTarget.Example';
import { PanelHiddenOnDismissExample } from './Panel.HiddenOnDismiss.Example';
import { PanelLightDismissExample } from './Panel.LightDismiss.Example';
import { PanelLightDismissCustomExample } from './Panel.LightDismissCustom.Example';
import { PanelNonModalExample } from './Panel.NonModal.Example';
import { PanelSizesExample } from './Panel.Sizes.Example';
var PanelBasicExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Panel/Panel.Basic.Example.tsx');
var PanelSizesExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Panel/Panel.Sizes.Example.tsx');
var PanelConfirmDismissExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Panel/Panel.ConfirmDismiss.Example.tsx');
var PanelControlledExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Panel/Panel.Controlled.Example.tsx');
var PanelHiddenOnDismissExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Panel/Panel.HiddenOnDismiss.Example.tsx');
var PanelLightDismissExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Panel/Panel.LightDismiss.Example.tsx');
var PanelLightDismissCustomExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Panel/Panel.LightDismissCustom.Example.tsx');
var PanelNonModalExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Panel/Panel.NonModal.Example.tsx');
var PanelFooterExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Panel/Panel.Footer.Example.tsx');
var PanelNavigationExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Panel/Panel.Navigation.Example.tsx');
var PanelHandleDismissTargetExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Panel/Panel.HandleDismissTarget.Example.tsx');
export var PanelPageProps = {
    title: 'Panel',
    componentName: 'Panel',
    componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/Panel',
    examples: [
        {
            title: 'Basic',
            code: PanelBasicExampleCode,
            view: React.createElement(PanelBasicExample, null),
        },
        {
            title: 'Size options',
            code: PanelSizesExampleCode,
            view: React.createElement(PanelSizesExample, null),
        },
        {
            title: 'Panel - Footer',
            code: PanelFooterExampleCode,
            view: React.createElement(PanelFooterExample, null),
        },
        {
            title: 'Light dismiss',
            code: PanelLightDismissExampleCode,
            view: React.createElement(PanelLightDismissExample, null),
        },
        {
            title: 'Hidden on dismiss',
            code: PanelHiddenOnDismissExampleCode,
            view: React.createElement(PanelHiddenOnDismissExample, null),
        },
        {
            title: 'Controlled visibility',
            code: PanelControlledExampleCode,
            view: React.createElement(PanelControlledExample, null),
        },
        {
            title: 'Confirm dismiss',
            code: PanelConfirmDismissExampleCode,
            view: React.createElement(PanelConfirmDismissExample, null),
        },
        {
            title: 'Confirm light dismiss',
            code: PanelLightDismissCustomExampleCode,
            view: React.createElement(PanelLightDismissCustomExample, null),
        },
        {
            title: 'Non-modal',
            code: PanelNonModalExampleCode,
            view: React.createElement(PanelNonModalExample, null),
        },
        {
            title: 'Panel - Custom navigation',
            code: PanelNavigationExampleCode,
            view: React.createElement(PanelNavigationExample, null),
        },
        {
            title: 'Panel - Detect dismissal method',
            code: PanelHandleDismissTargetExampleCode,
            view: React.createElement(PanelHandleDismissTargetExample, null),
        },
    ],
    overview: require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Panel/docs/PanelOverview.md'),
    bestPractices: require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Panel/docs/PanelBestPractices.md'),
    isHeaderVisible: true,
    isFeedbackVisible: true,
    allowNativeProps: true,
};
//# sourceMappingURL=Panel.doc.js.map