"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var React = require("react");
var Panel_Basic_Example_1 = require("./Panel.Basic.Example");
var Panel_ConfirmDismiss_Example_1 = require("./Panel.ConfirmDismiss.Example");
var Panel_Controlled_Example_1 = require("./Panel.Controlled.Example");
var Panel_Footer_Example_1 = require("./Panel.Footer.Example");
var Panel_Navigation_Example_1 = require("./Panel.Navigation.Example");
var Panel_HandleDismissTarget_Example_1 = require("./Panel.HandleDismissTarget.Example");
var Panel_HiddenOnDismiss_Example_1 = require("./Panel.HiddenOnDismiss.Example");
var Panel_LightDismiss_Example_1 = require("./Panel.LightDismiss.Example");
var Panel_LightDismissCustom_Example_1 = require("./Panel.LightDismissCustom.Example");
var Panel_NonModal_Example_1 = require("./Panel.NonModal.Example");
var Panel_Sizes_Example_1 = require("./Panel.Sizes.Example");
var PanelBasicExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Panel/Panel.Basic.Example.tsx');
var PanelSizesExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Panel/Panel.Sizes.Example.tsx');
var PanelConfirmDismissExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Panel/Panel.ConfirmDismiss.Example.tsx');
var PanelControlledExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Panel/Panel.Controlled.Example.tsx');
var PanelHiddenOnDismissExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Panel/Panel.HiddenOnDismiss.Example.tsx');
var PanelLightDismissExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Panel/Panel.LightDismiss.Example.tsx');
var PanelLightDismissCustomExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Panel/Panel.LightDismissCustom.Example.tsx');
var PanelNonModalExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Panel/Panel.NonModal.Example.tsx');
var PanelFooterExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Panel/Panel.Footer.Example.tsx');
var PanelNavigationExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Panel/Panel.Navigation.Example.tsx');
var PanelHandleDismissTargetExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Panel/Panel.HandleDismissTarget.Example.tsx');
exports.PanelPageProps = {
    title: 'Panel',
    componentName: 'Panel',
    componentUrl: 'https://github.com/microsoft/fluentui/tree/7.0/packages/office-ui-fabric-react/src/components/Panel',
    examples: [
        {
            title: 'Basic',
            code: PanelBasicExampleCode,
            view: React.createElement(Panel_Basic_Example_1.PanelBasicExample, null),
        },
        {
            title: 'Size options',
            code: PanelSizesExampleCode,
            view: React.createElement(Panel_Sizes_Example_1.PanelSizesExample, null),
        },
        {
            title: 'Panel - Footer',
            code: PanelFooterExampleCode,
            view: React.createElement(Panel_Footer_Example_1.PanelFooterExample, null),
        },
        {
            title: 'Light dismiss',
            code: PanelLightDismissExampleCode,
            view: React.createElement(Panel_LightDismiss_Example_1.PanelLightDismissExample, null),
        },
        {
            title: 'Hidden on dismiss',
            code: PanelHiddenOnDismissExampleCode,
            view: React.createElement(Panel_HiddenOnDismiss_Example_1.PanelHiddenOnDismissExample, null),
        },
        {
            title: 'Controlled visibility',
            code: PanelControlledExampleCode,
            view: React.createElement(Panel_Controlled_Example_1.PanelControlledExample, null),
        },
        {
            title: 'Confirm dismiss',
            code: PanelConfirmDismissExampleCode,
            view: React.createElement(Panel_ConfirmDismiss_Example_1.PanelConfirmDismissExample, null),
        },
        {
            title: 'Confirm light dismiss',
            code: PanelLightDismissCustomExampleCode,
            view: React.createElement(Panel_LightDismissCustom_Example_1.PanelLightDismissCustomExample, null),
        },
        {
            title: 'Non-modal',
            code: PanelNonModalExampleCode,
            view: React.createElement(Panel_NonModal_Example_1.PanelNonModalExample, null),
        },
        {
            title: 'Panel - Custom navigation',
            code: PanelNavigationExampleCode,
            view: React.createElement(Panel_Navigation_Example_1.PanelNavigationExample, null),
        },
        {
            title: 'Panel - Detect dismissal method',
            code: PanelHandleDismissTargetExampleCode,
            view: React.createElement(Panel_HandleDismissTarget_Example_1.PanelHandleDismissTargetExample, null),
        },
    ],
    overview: require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Panel/docs/PanelOverview.md'),
    bestPractices: require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Panel/docs/PanelBestPractices.md'),
    isHeaderVisible: true,
    isFeedbackVisible: true,
    allowNativeProps: true,
};
//# sourceMappingURL=Panel.doc.js.map