"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.options = exports.styles = undefined;

var _colors = require("../colors");

var _colors2 = _interopRequireDefault(_colors);

var _tones = require("../tones");

var _tones2 = _interopRequireDefault(_tones);

var _fontSizes = require("../fontSizes");

var _fontSizes2 = _interopRequireDefault(_fontSizes);

var _fonts = require("../fonts");

var _fonts2 = _interopRequireDefault(_fonts);

var _presets = require("../../utils/presets");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

var VARIANTS = ["PILL", "STATUS"];
var TONES = ["BRAND", "SUCCESS", "DANGER", "NEUTRAL"];

var baseStyle = function baseStyle(_ref) {
  var tone = _ref.tone;
  return {
    borderRadius: _presets.radius["default"],
    fontFamily: _fonts2["default"].header.join(","),
    fontWeight: "bold",
    lineHeight: 1
  };
};

var variantStyles = {
  PILL: {
    background: _colors2["default"].green[50],
    color: _colors2["default"].white,
    fontSize: "13px",
    letterSpacing: "0.05em",
    padding: "4px 5px 2px",
    textTransform: "uppercase"
  },
  STATUS: _defineProperty({
    alignItems: "center",
    background: _colors2["default"].green[5],
    color: _colors2["default"].green[50],
    display: "inline-flex",
    fontSize: _fontSizes2["default"][2],
    padding: "".concat(_presets.spaces.xs, " ").concat(_presets.spaces.s)
  }, "svg:last-child", {
    marginLeft: _presets.spaces["2xs"]
  })
};
var styles = exports.styles = {
  baseStyle: baseStyle,
  variantStyles: variantStyles
};
var options = exports.options = {
  VARIANTS: VARIANTS,
  TONES: TONES
};