"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 Dialog_Basic_Example_1 = require("./examples/Dialog.Basic.Example");
var Dialog_LargeHeader_Example_1 = require("./examples/Dialog.LargeHeader.Example");
var Dialog_Blocking_Example_1 = require("./examples/Dialog.Blocking.Example");
var ComponentStatus_1 = require("../../demo/ComponentStatus/ComponentStatus");
var Dialog_checklist_1 = require("./Dialog.checklist");
var DialogBasicExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Dialog/examples/Dialog.Basic.Example.tsx');
var DialogLargeHeaderExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Dialog/examples/Dialog.LargeHeader.Example.tsx');
var DialogBlockingExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Dialog/examples/Dialog.Blocking.Example.tsx');
var DialogPage = /** @class */ (function (_super) {
    tslib_1.__extends(DialogPage, _super);
    function DialogPage() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    DialogPage.prototype.render = function () {
        return (React.createElement(example_app_base_1.ComponentPage, { title: "Dialog", componentName: "DialogExample", componentUrl: "https://github.com/OfficeDev/office-ui-fabric-react/tree/master/packages/office-ui-fabric-react/src/components/Dialog", exampleCards: React.createElement("div", null,
                React.createElement(example_app_base_1.ExampleCard, { title: "Default Dialog", code: DialogBasicExampleCode },
                    React.createElement(Dialog_Basic_Example_1.DialogBasicExample, null)),
                React.createElement(example_app_base_1.ExampleCard, { title: "Dialog with large header and ChoiceGroup", code: DialogLargeHeaderExampleCode },
                    React.createElement("p", null, "Use this Dialog sparingly, when calling extra attention to the content. It can be used in situations where you want to teach the user something or notify them of an important change."),
                    React.createElement(Dialog_LargeHeader_Example_1.DialogLargeHeaderExample, null)),
                React.createElement(example_app_base_1.ExampleCard, { title: "Blocking Dialog", code: DialogBlockingExampleCode },
                    React.createElement("p", null, "A blocking Dialog disables all other actions and commands on the page behind it. They should be used very sparingly, only when it is critical that the user makes a choice or provides information before they can proceed. Blocking Dialogs are generally used for irreversible or potentially destructive tasks."),
                    React.createElement(Dialog_Blocking_Example_1.DialogBlockingExample, null))), propertiesTables: React.createElement(example_app_base_1.PropertiesTableSet, { sources: [require('!raw-loader!office-ui-fabric-react/src/components/Dialog/Dialog.types.ts')] }), overview: React.createElement(example_app_base_1.PageMarkdown, null, require('!raw-loader!office-ui-fabric-react/src/components/Dialog/docs/DialogOverview.md')), bestPractices: React.createElement("div", null), dos: React.createElement(example_app_base_1.PageMarkdown, null, require('!raw-loader!office-ui-fabric-react/src/components/Dialog/docs/DialogDos.md')), donts: React.createElement(example_app_base_1.PageMarkdown, null, require('!raw-loader!office-ui-fabric-react/src/components/Dialog/docs/DialogDonts.md')), isHeaderVisible: this.props.isHeaderVisible, componentStatus: React.createElement(ComponentStatus_1.ComponentStatus, tslib_1.__assign({}, Dialog_checklist_1.DialogStatus)) }));
    };
    return DialogPage;
}(React.Component));
exports.DialogPage = DialogPage;
//# sourceMappingURL=DialogPage.js.map