"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _css3 = require("@emotion/css");

var _css4 = _interopRequireDefault(_css3);

var _core = require("@emotion/core");

var _propTypes = require("prop-types");

var _propTypes2 = _interopRequireDefault(_propTypes);

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 TabFigure = function TabFigure(_ref) {
  var children = _ref.children;
  return (0, _core.jsx)("span", {
    css:
    /*#__PURE__*/
    (0, _css4["default"])(_defineProperty({
      alignItems: "center",
      background: _presets.colors.grey[30],
      borderRadius: "50%",
      color: _presets.colors.white,
      display: "flex",
      fontFamily: _presets.fontFamilies.bodyFontFamily,
      fontSize: _presets.fontSizes["3xs"],
      fontWeight: "bold",
      height: "20px",
      justifyContent: "center",
      lineHeight: "1",
      width: "20px",
      ".active &": {
        background: _presets.colors.purple[40],
        marginRight: _presets.spaces.s
      },
      ".done &": {
        background: _presets.colors.purple[30]
      }
    }, "@media (min-width: ".concat(_presets.breakpoints.tablet, "px)"), {
      marginRight: _presets.spaces.s
    }), "label:TabFigure;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RhYnMvVGFiRmlndXJlLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNJIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RhYnMvVGFiRmlndXJlLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqIEBqc3gganN4ICovXG5pbXBvcnQgeyBqc3ggfSBmcm9tIFwiQGVtb3Rpb24vY29yZVwiXG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gXCJwcm9wLXR5cGVzXCJcblxuaW1wb3J0IHtcbiAgY29sb3JzLFxuICBmb250RmFtaWxpZXMsXG4gIGZvbnRTaXplcyxcbiAgYnJlYWtwb2ludHMsXG4gIHNwYWNlcyxcbn0gZnJvbSBcIi4uLy4uL3V0aWxzL3ByZXNldHNcIlxuXG5jb25zdCBUYWJGaWd1cmUgPSAoeyBjaGlsZHJlbiB9KSA9PiAoXG4gIDxzcGFuXG4gICAgY3NzPXt7XG4gICAgICBhbGlnbkl0ZW1zOiBgY2VudGVyYCxcbiAgICAgIGJhY2tncm91bmQ6IGNvbG9ycy5ncmV5WzMwXSxcbiAgICAgIGJvcmRlclJhZGl1czogYDUwJWAsXG4gICAgICBjb2xvcjogY29sb3JzLndoaXRlLFxuICAgICAgZGlzcGxheTogYGZsZXhgLFxuICAgICAgZm9udEZhbWlseTogZm9udEZhbWlsaWVzLmJvZHlGb250RmFtaWx5LFxuICAgICAgZm9udFNpemU6IGZvbnRTaXplc1tgM3hzYF0sXG4gICAgICBmb250V2VpZ2h0OiBgYm9sZGAsXG4gICAgICBoZWlnaHQ6IGAyMHB4YCxcbiAgICAgIGp1c3RpZnlDb250ZW50OiBgY2VudGVyYCxcbiAgICAgIGxpbmVIZWlnaHQ6IGAxYCxcbiAgICAgIHdpZHRoOiBgMjBweGAsXG4gICAgICBcIi5hY3RpdmUgJlwiOiB7XG4gICAgICAgIGJhY2tncm91bmQ6IGNvbG9ycy5wdXJwbGVbNDBdLFxuICAgICAgICBtYXJnaW5SaWdodDogc3BhY2VzLnMsXG4gICAgICB9LFxuICAgICAgXCIuZG9uZSAmXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZDogY29sb3JzLnB1cnBsZVszMF0sXG4gICAgICB9LFxuICAgICAgW2BAbWVkaWEgKG1pbi13aWR0aDogJHticmVha3BvaW50cy50YWJsZXR9cHgpYF06IHtcbiAgICAgICAgbWFyZ2luUmlnaHQ6IHNwYWNlcy5zLFxuICAgICAgfSxcbiAgICB9fVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L3NwYW4+XG4pXG5cblRhYkZpZ3VyZS5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbn1cblxuZXhwb3J0IGRlZmF1bHQgVGFiRmlndXJlXG4iXX0= */"))
  }, children);
};

TabFigure.propTypes = {
  children: _propTypes2["default"].node
};
exports["default"] = TabFigure;