"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var React = require("react");
var example_app_base_1 = require("@uifabric/example-app-base");
var Panel_SmallRight_Example_1 = require("./examples/Panel.SmallRight.Example");
var Panel_SmallLeft_Example_1 = require("./examples/Panel.SmallLeft.Example");
var Panel_SmallFluid_Example_1 = require("./examples/Panel.SmallFluid.Example");
var Panel_Medium_Example_1 = require("./examples/Panel.Medium.Example");
var Panel_Large_Example_1 = require("./examples/Panel.Large.Example");
var Panel_LargeFixed_Example_1 = require("./examples/Panel.LargeFixed.Example");
var Panel_ExtraLarge_Example_1 = require("./examples/Panel.ExtraLarge.Example");
var Panel_Custom_Example_1 = require("./examples/Panel.Custom.Example");
var Panel_HiddenOnDismiss_Example_1 = require("./examples/Panel.HiddenOnDismiss.Example");
var Panel_LightDismiss_Example_1 = require("./examples/Panel.LightDismiss.Example");
var Panel_LightDismissCustom_Example_1 = require("./examples/Panel.LightDismissCustom.Example");
var Panel_NonModal_Example_1 = require("./examples/Panel.NonModal.Example");
var Panel_Footer_Example_1 = require("./examples/Panel.Footer.Example");
var ComponentStatus_1 = require("../../demo/ComponentStatus/ComponentStatus");
var Panel_checklist_1 = require("./Panel.checklist");
var PanelSmallRightExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Panel/examples/Panel.SmallRight.Example.tsx');
var PanelSmallLeftExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Panel/examples/Panel.SmallLeft.Example.tsx');
var PanelSmallFluidExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Panel/examples/Panel.SmallFluid.Example.tsx');
var PanelMediumExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Panel/examples/Panel.Medium.Example.tsx');
var PanelLargeExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Panel/examples/Panel.Large.Example.tsx');
var PanelLargeFixedExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Panel/examples/Panel.LargeFixed.Example.tsx');
var PanelExtraLargeExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Panel/examples/Panel.ExtraLarge.Example.tsx');
var PanelCustomExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Panel/examples/Panel.Custom.Example.tsx');
var PanelHiddenOnDismissExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Panel/examples/Panel.HiddenOnDismiss.Example.tsx');
var PanelLightDismissExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Panel/examples/Panel.LightDismiss.Example.tsx');
var PanelLightDismissCustomExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Panel/examples/Panel.LightDismissCustom.Example.tsx');
var PanelNonModalExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Panel/examples/Panel.NonModal.Example.tsx');
var PanelFooterExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Panel/examples/Panel.Footer.Example.tsx');
var PanelPage = /** @class */ (function (_super) {
    tslib_1.__extends(PanelPage, _super);
    function PanelPage() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    PanelPage.prototype.render = function () {
        return (React.createElement(example_app_base_1.ComponentPage, { title: "Panel", componentName: "PanelExample", componentUrl: "https://github.com/OfficeDev/office-ui-fabric-react/tree/master/packages/office-ui-fabric-react/src/components/Panel", allowNativeProps: true, exampleCards: React.createElement("div", null,
                React.createElement(example_app_base_1.ExampleCard, { title: "Panel - Small Panel, Anchored Right, Fixed Width", code: PanelSmallRightExampleCode },
                    React.createElement(Panel_SmallRight_Example_1.PanelSmallRightExample, null)),
                React.createElement(example_app_base_1.ExampleCard, { title: "Panel - Small Panel, Anchored Left, Fixed Width", code: PanelSmallLeftExampleCode },
                    React.createElement(Panel_SmallLeft_Example_1.PanelSmallLeftExample, null)),
                React.createElement(example_app_base_1.ExampleCard, { title: "Panel - Small Panel, Full Screen, Fluid Width", code: PanelSmallFluidExampleCode },
                    React.createElement(Panel_SmallFluid_Example_1.PanelSmallFluidExample, null)),
                React.createElement(example_app_base_1.ExampleCard, { title: "Panel - Medium", code: PanelMediumExampleCode },
                    React.createElement(Panel_Medium_Example_1.PanelMediumExample, null)),
                React.createElement(example_app_base_1.ExampleCard, { title: "Panel - Large", code: PanelLargeExampleCode },
                    React.createElement(Panel_Large_Example_1.PanelLargeExample, null)),
                React.createElement(example_app_base_1.ExampleCard, { title: "Panel - LargeFixed", code: PanelLargeFixedExampleCode },
                    React.createElement(Panel_LargeFixed_Example_1.PanelLargeFixedExample, null)),
                React.createElement(example_app_base_1.ExampleCard, { title: "Panel - Extra Large", code: PanelExtraLargeExampleCode },
                    React.createElement(Panel_ExtraLarge_Example_1.PanelExtraLargeExample, null)),
                React.createElement(example_app_base_1.ExampleCard, { title: "Panel - Custom", code: PanelCustomExampleCode },
                    React.createElement(Panel_Custom_Example_1.PanelCustomExample, null)),
                React.createElement(example_app_base_1.ExampleCard, { title: "Panel - Hidden on Dismiss", code: PanelHiddenOnDismissExampleCode },
                    React.createElement(Panel_HiddenOnDismiss_Example_1.PanelHiddenOnDismissExample, null)),
                React.createElement(example_app_base_1.ExampleCard, { title: "Panel - Light Dismiss", code: PanelLightDismissExampleCode },
                    React.createElement(Panel_LightDismiss_Example_1.PanelLightDismissExample, null)),
                React.createElement(example_app_base_1.ExampleCard, { title: "Panel - Custom Light Dismiss", code: PanelLightDismissCustomExampleCode },
                    React.createElement(Panel_LightDismissCustom_Example_1.PanelLightDismissCustomExample, null)),
                React.createElement(example_app_base_1.ExampleCard, { title: "Panel - Non-Modal", code: PanelNonModalExampleCode },
                    React.createElement(Panel_NonModal_Example_1.PanelNonModalExample, null)),
                React.createElement(example_app_base_1.ExampleCard, { title: "Panel - Footer", code: PanelFooterExampleCode },
                    React.createElement(Panel_Footer_Example_1.PanelFooterExample, null))), propertiesTables: React.createElement(example_app_base_1.PropertiesTableSet, { sources: [require('!raw-loader!office-ui-fabric-react/src/components/Panel/Panel.types.ts')] }), overview: React.createElement(example_app_base_1.PageMarkdown, null, require('!raw-loader!office-ui-fabric-react/src/components/Panel/docs/PanelOverview.md')), bestPractices: React.createElement("div", null), dos: React.createElement(example_app_base_1.PageMarkdown, null, require('!raw-loader!office-ui-fabric-react/src/components/Panel/docs/PanelDos.md')), donts: React.createElement(example_app_base_1.PageMarkdown, null, require('!raw-loader!office-ui-fabric-react/src/components/Panel/docs/PanelDonts.md')), isHeaderVisible: this.props.isHeaderVisible, componentStatus: React.createElement(ComponentStatus_1.ComponentStatus, tslib_1.__assign({}, Panel_checklist_1.PanelStatus)) }));
    };
    return PanelPage;
}(React.Component));
exports.PanelPage = PanelPage;
//# sourceMappingURL=PanelPage.js.map