"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 office_ui_fabric_react_1 = require("office-ui-fabric-react");
var Button_Example_1 = require("./Button.Example");
var MenuButton_Example_1 = require("./MenuButton/MenuButton.Example");
var SplitButton_Example_1 = require("./SplitButton/SplitButton.Example");
var Button_Keytips_Example_1 = require("./Button.Keytips.Example");
var Button_Slots_Example_1 = require("./Button.Slots.Example");
var Button_Styles_Example_1 = require("./Button.Styles.Example");
var Button_Toggle_Example_1 = require("./Button.Toggle.Example");
var Button_Tokens_Example_1 = require("./Button.Tokens.Example");
var Button_Variants_Example_1 = require("./Button.Variants.Example");
var ButtonExampleCode = require('!raw-loader!@fluentui/examples/src/experiments/Button/Button.Example.tsx');
var MenuButtonExampleCode = require('!raw-loader!@fluentui/examples/src/experiments/Button/MenuButton/MenuButton.Example.tsx');
var SplitButtonExampleCode = require('!raw-loader!@fluentui/examples/src/experiments/Button/SplitButton/SplitButton.Example.tsx');
var ButtonKeytipsExampleCode = require('!raw-loader!@fluentui/examples/src/experiments/Button/Button.Keytips.Example.tsx');
var ButtonSlotsExampleCode = require('!raw-loader!@fluentui/examples/src/experiments/Button/Button.Slots.Example.tsx');
var ButtonStylesExampleCode = require('!raw-loader!@fluentui/examples/src/experiments/Button/Button.Styles.Example.tsx');
var ButtonToggleExampleCode = require('!raw-loader!@fluentui/examples/src/experiments/Button/Button.Toggle.Example.tsx');
var ButtonTokensExampleCode = require('!raw-loader!@fluentui/examples/src/experiments/Button/Button.Tokens.Example.tsx');
var ButtonVariantsExampleCode = require('!raw-loader!@fluentui/examples/src/experiments/Button/Button.Variants.Example.tsx');
var ButtonPage = /** @class */ (function (_super) {
    tslib_1.__extends(ButtonPage, _super);
    function ButtonPage() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    ButtonPage.prototype.render = function () {
        return (React.createElement(example_app_base_1.ComponentPage, { title: " Button", componentName: " Button", exampleCards: React.createElement("div", null,
                React.createElement(example_app_base_1.ExampleCard, { title: "Button Ramps", code: ButtonExampleCode },
                    React.createElement(Button_Example_1.ButtonExample, null)),
                React.createElement(example_app_base_1.ExampleCard, { title: "Menu Button Examples", code: MenuButtonExampleCode },
                    React.createElement(MenuButton_Example_1.MenuButtonExample, null)),
                React.createElement(example_app_base_1.ExampleCard, { title: "Split Button Examples", code: SplitButtonExampleCode },
                    React.createElement(SplitButton_Example_1.SplitButtonExample, null)),
                React.createElement(example_app_base_1.ExampleCard, { title: "Button Variants Examples", code: ButtonVariantsExampleCode },
                    React.createElement(Button_Variants_Example_1.ButtonVariantsExample, null)),
                React.createElement(example_app_base_1.ExampleCard, { title: "Toggle Button Examples", code: ButtonToggleExampleCode },
                    React.createElement(Button_Toggle_Example_1.ButtonToggleExample, null)),
                React.createElement(example_app_base_1.ExampleCard, { title: "Buttons with Keytips", code: ButtonKeytipsExampleCode },
                    React.createElement(Button_Keytips_Example_1.ButtonKeytipsExample, null)),
                React.createElement(example_app_base_1.ExampleCard, { title: "Button Slots Customization", code: ButtonSlotsExampleCode },
                    React.createElement(Button_Slots_Example_1.ButtonSlotsExample, null)),
                React.createElement(example_app_base_1.ExampleCard, { title: "Button Styles Customization", code: ButtonStylesExampleCode },
                    React.createElement(Button_Styles_Example_1.ButtonStylesExample, null)),
                React.createElement(example_app_base_1.ExampleCard, { title: "Button Tokens Customization", code: ButtonTokensExampleCode },
                    React.createElement(Button_Tokens_Example_1.ButtonTokensExample, null)),
                React.createElement(office_ui_fabric_react_1.KeytipLayer, { content: "Alt Windows" })), propertiesTables: React.createElement(example_app_base_1.PropertiesTableSet, { sources: [
                    require('!raw-loader!@uifabric/experiments/src/components/Button/Button.types.tsx'),
                    require('!raw-loader!@uifabric/experiments/src/components/Button/MenuButton/MenuButton.types.tsx'),
                    require('!raw-loader!@uifabric/experiments/src/components/Button/SplitButton/SplitButton.types.tsx'),
                ] }), overview: React.createElement(example_app_base_1.Markdown, null, require('!raw-loader!@fluentui/examples/src/experiments/Button/docs/ButtonOverview.md')), bestPractices: React.createElement("div", null), dos: React.createElement(example_app_base_1.Markdown, null, require('!raw-loader!@fluentui/examples/src/experiments/Button/docs/ButtonDos.md')), donts: React.createElement(example_app_base_1.Markdown, null, require('!raw-loader!@fluentui/examples/src/experiments/Button/docs/ButtonDonts.md')), isHeaderVisible: this.props.isHeaderVisible }));
    };
    return ButtonPage;
}(React.Component));
exports.ButtonPage = ButtonPage;
//# sourceMappingURL=ButtonPage.js.map