"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.checkboxSizeMixin = exports.boxWrapperSizeMixin = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
var _client = require("../../lib/client");
var _getLabGrotesqueBaselineCompensation = require("../../lib/styles/getLabGrotesqueBaselineCompensation");var _templateObject, _templateObject2;

var checkboxSizeMixin = exports.checkboxSizeMixin = function checkboxSizeMixin(
fontSize,
lineHeight,
paddingY,
checkboxBoxSize,
paddingX)
{
  return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n    line-height: ", ";\n    font-size: ", ";\n    padding: ", " ", ";\n\n    &::before {\n      width: ", ";\n    }\n  "])),
  lineHeight,
  fontSize,
  paddingY, paddingX,


  checkboxBoxSize);


};

var boxWrapperSizeMixin = exports.boxWrapperSizeMixin = function boxWrapperSizeMixin(
labGrotesqueBaselineCompensation,
fontSize,
checkboxBoxSize,
checkboxBoxOffsetY,
checkboxPaddingX)
{
  var labGrotesqueCompenstation = parseInt(labGrotesqueBaselineCompensation);
  var boxFontSize = parseInt(fontSize);
  var baselineCompensation = (0, _getLabGrotesqueBaselineCompensation.getLabGrotesqueBaselineCompensation)(
    boxFontSize,
    labGrotesqueCompenstation,
    _client.isChrome,
    _client.isFirefox
  );

  return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n    width: ", ";\n    height: ", ";\n    margin-top: calc(", " + ", "px);\n    left: ", ";\n  "])),
  checkboxBoxSize,
  checkboxBoxSize,
  checkboxBoxOffsetY, baselineCompensation,
  checkboxPaddingX);

};