import { __assign } from "tslib";
import { BaseButton } from '../BaseButton';
import { getStyles } from './DefaultButton.styles';
import Vue from 'vue';
import { withThemeableProps } from '../../../useThemeable';
export var DefaultButton = Vue.extend({
    props: __assign(__assign({}, withThemeableProps()), { text: { type: String, default: '' }, primary: { type: Boolean, default: false }, disabled: { type: Boolean, default: false } }),
    computed: {
        internalStyles: function () {
            var _a = this, primary = _a.primary, theme = _a.theme;
            return getStyles(theme, this.styles, primary);
        },
    },
    render: function (h) {
        var _a = this, primary = _a.primary, internalStyles = _a.internalStyles;
        var props = {
            variantClassName: primary ? 'ms-Button--primary' : 'ms-Button--default',
            styles: internalStyles,
            theme: this.theme,
        };
        return h(BaseButton, {
            attrs: __assign(__assign(__assign({}, this.$props), props), this.$attrs),
            on: this.$listeners,
            scopedSlots: this.$scopedSlots,
        });
    },
});
//# sourceMappingURL=DefaultButton.js.map