import { getMenuItemPaddings } from './MenuItem.styles.js';
export var menuItemSizeMixin = function (menuItemPaddingX, menuItemPaddingY, menuItemLineHeight, menuItemFontSize) {
    var _a = getMenuItemPaddings({
        menuItemPaddingX: menuItemPaddingX,
        menuItemPaddingY: menuItemPaddingY,
    }), paddingX = _a.paddingX, paddingY = _a.paddingY;
    return "\n    line-height: ".concat(menuItemLineHeight, ";\n    font-size: ").concat(menuItemFontSize, ";\n    padding: ").concat(menuItemPaddingY, " ").concat(paddingX, " ").concat(paddingY, " ").concat(menuItemPaddingX, ";\n  ");
};
export var iconSizeMixin = function (menuItemIconWidth, menuItemPaddingX) {
    return "\n    width: ".concat(menuItemIconWidth, ";\n    left: ").concat(parseInt(menuItemPaddingX), "px;\n  ");
};
export var withIconSizeMixin = function (menuItemPaddingForIcon) {
    return "\n    padding-left: ".concat(menuItemPaddingForIcon, ";\n  ");
};
//# sourceMappingURL=MenuItem.mixins.js.map