import { globalClasses } from './Button.styles.js';
var getBtnPadding = function (paddingY, paddingX) {
    return "".concat(paddingY, " ").concat(paddingX, " ").concat(paddingY);
};
export var buttonUseMixin = function (btnBackground, btnBackgroundStart, btnBackgroundEnd, color, borderColor, borderWidth) {
    var hasGradient = btnBackgroundStart !== btnBackgroundEnd;
    return "\n    background-color: ".concat(hasGradient ? "initial" : btnBackground, ";\n    background-image: ").concat(hasGradient ? "linear-gradient(".concat(btnBackgroundStart, ", ").concat(btnBackgroundEnd, ")") : "none", ";\n    color: ").concat(color, ";\n    box-shadow: 0 0 0 ").concat(borderWidth, " ").concat(borderColor, ";\n\n    :enabled:hover,\n    :enabled {\n      .").concat(globalClasses.arrow, " svg {\n        color: ").concat(color, ";\n      }\n    }\n  ");
};
export var buttonHoverMixin = function (btnBackground, btnBackgroundStart, btnBackgroundEnd, color, borderColor, borderWidth) {
    var hasGradient = btnBackgroundStart !== btnBackgroundEnd;
    var isBorderAboveBg = borderColor !== '' && borderColor !== btnBackground;
    return "\n    background-color: ".concat(hasGradient ? "initial" : btnBackground, ";\n    background-image: ").concat(hasGradient ? "linear-gradient(".concat(btnBackgroundStart, ", ").concat(btnBackgroundEnd, ")") : "none", ";\n    box-shadow: 0 0 0 ").concat(borderWidth, " ").concat(borderColor).concat(isBorderAboveBg ? ", 0 0 0 ".concat(borderWidth, " ").concat(btnBackground) : '', ";\n    color: ").concat(color, ";\n  ");
};
export var buttonActiveMixin = function (btnBackground, btnShadow, borderColor, borderWidth) {
    var isBorderAboveBg = borderColor !== '' && borderColor !== btnBackground;
    return "\n    &,\n    &:hover {\n      background-image: none !important; // override :hover styles\n      background-color: ".concat(btnBackground, " !important; // override :hover styles\n      box-shadow: 0 0 0 ").concat(borderWidth, " ").concat(borderColor).concat(isBorderAboveBg ? ", 0 0 0 ".concat(borderWidth, " ").concat(btnBackground) : '', " !important; // override :hover styles\n\n      .").concat(globalClasses.innerShadow, " {\n        box-shadow: ").concat(btnShadow, ";\n      }\n    }\n  ");
};
export var buttonSizeMixin = function (fontSize, lineHeight, paddingX, paddingY) {
    return "\n    font-size: ".concat(fontSize, ";\n    box-sizing: border-box;\n    padding: ").concat(getBtnPadding(paddingY, paddingX), ";\n    line-height: ").concat(lineHeight, ";\n  ");
};
//# sourceMappingURL=Button.mixins.js.map