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