var __extends = (this && this.__extends) || (function () {
    var extendStatics = Object.setPrototypeOf ||
        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
    return function (d, b) {
        extendStatics(d, b);
        function __() { this.constructor = d; }
        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
    };
})();
define(["require", "exports", "react", "office-ui-fabric-react/lib/Button", "office-ui-fabric-react/lib/Label", "@uifabric/styling"], function (require, exports, React, Button_1, Label_1, styling_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    var ButtonPrimaryExample = (function (_super) {
        __extends(ButtonPrimaryExample, _super);
        function ButtonPrimaryExample() {
            return _super.call(this) || this;
        }
        ButtonPrimaryExample.prototype.render = function () {
            var disabled = this.props.disabled;
            var menuProps = {
                items: [
                    {
                        key: 'a',
                        name: 'I am a menu item',
                        onClick: function () { return console.log('hi'); }
                    }
                ]
            };
            return (React.createElement("div", { className: 'ms-BasicButtonsExample' },
                React.createElement(Label_1.Label, null, "Primary button"),
                React.createElement(Button_1.PrimaryButton, { "data-automation-id": 'test', text: 'Text only button', description: 'I am a description', ariaLabel: 'I am an aria label', style: {
                        display: 'block'
                    }, onClick: function () { return alert('Clicked'); } }),
                React.createElement(Button_1.PrimaryButton, { "data-automation-id": 'test', iconProps: { iconName: 'Snow' }, menuProps: menuProps, text: 'Button without href', description: 'I am a description', ariaLabel: 'I am an aria label', onClick: function () { return alert('Clicked'); } }),
                React.createElement(Button_1.PrimaryButton, { "data-automation-id": 'test', iconProps: { iconName: 'Snow' }, menuProps: menuProps, text: 'Button with href', href: 'http://www.microsoft.com', target: '_blank', description: 'I am a description', ariaLabel: 'I am an aria label' }),
                React.createElement(Button_1.PrimaryButton, { "data-automation-id": 'test', disabled: true, iconProps: { iconName: 'Snow' }, menuProps: menuProps, text: 'Disabled button without href', description: 'I am a description', ariaLabel: 'I am an aria label', onClick: function () { return alert('Clicked'); } }),
                React.createElement(Button_1.PrimaryButton, { "data-automation-id": 'test', disabled: true, iconProps: { iconName: 'Snow' }, menuProps: menuProps, text: 'Disabled button with href', description: 'I am a description', ariaLabel: 'I am an aria label', href: 'http://www.microsoft.com', target: '_blank' }),
                React.createElement(Button_1.PrimaryButton, { "data-automation-id": 'test', className: 'new-root', styles: {
                        root: styling_1.mergeStyles({
                            height: '100px',
                            float: 'right',
                        }),
                        rootEnabled: styling_1.mergeStyles({
                            background: 'red',
                            ':hover': {
                                background: 'darkRed'
                            }
                        }),
                        iconEnabled: styling_1.mergeStyles({
                            fontSize: '100px'
                        })
                    }, iconProps: { iconName: 'Snow' }, menuProps: menuProps, text: 'Customized button', description: 'I am a description', ariaLabel: 'I am an aria label', onClick: function () { return alert('Clicked'); } })));
        };
        return ButtonPrimaryExample;
    }(React.Component));
    exports.ButtonPrimaryExample = ButtonPrimaryExample;
});

//# sourceMappingURL=Button.Primary.Example.js.map
