define(["require", "exports", "react", "./Panel.Basic.Example", "./Panel.ConfirmDismiss.Example", "./Panel.Controlled.Example", "./Panel.Footer.Example", "./Panel.Navigation.Example", "./Panel.HandleDismissTarget.Example", "./Panel.HiddenOnDismiss.Example", "./Panel.LightDismiss.Example", "./Panel.LightDismissCustom.Example", "./Panel.NonModal.Example", "./Panel.Sizes.Example"], function (require, exports, React, Panel_Basic_Example_1, Panel_ConfirmDismiss_Example_1, Panel_Controlled_Example_1, Panel_Footer_Example_1, Panel_Navigation_Example_1, Panel_HandleDismissTarget_Example_1, Panel_HiddenOnDismiss_Example_1, Panel_LightDismiss_Example_1, Panel_LightDismissCustom_Example_1, Panel_NonModal_Example_1, Panel_Sizes_Example_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.PanelPageProps = void 0;
    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');
    exports.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(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?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