import { isChrome, isFirefox } from '../../lib/client.js';
import { getLabGrotesqueBaselineCompensation } from '../../lib/styles/getLabGrotesqueBaselineCompensation.js';
export var checkboxSizeMixin = function (fontSize, lineHeight, paddingY, checkboxBoxSize, paddingX) {
    return "\n    line-height: ".concat(lineHeight, ";\n    font-size: ").concat(fontSize, ";\n    padding: ").concat(paddingY, " ").concat(paddingX, ";\n\n    &::before {\n      width: ").concat(checkboxBoxSize, ";\n    }\n  ");
};
export var boxWrapperSizeMixin = function (labGrotesqueBaselineCompensation, fontSize, checkboxBoxSize, checkboxBoxOffsetY, checkboxPaddingX) {
    var labGrotesqueCompenstation = parseInt(labGrotesqueBaselineCompensation);
    var boxFontSize = parseInt(fontSize);
    var baselineCompensation = getLabGrotesqueBaselineCompensation(boxFontSize, labGrotesqueCompenstation, isChrome, isFirefox);
    return "\n    width: ".concat(checkboxBoxSize, ";\n    height: ").concat(checkboxBoxSize, ";\n    margin-top: calc(").concat(checkboxBoxOffsetY, " + ").concat(baselineCompensation, "px);\n    left: ").concat(checkboxPaddingX, ";\n  ");
};
//# sourceMappingURL=Checkbox.mixins.js.map