"use strict";

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

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

var _reactEmotion = require("react-emotion");

var _reactEmotion2 = _interopRequireDefault(_reactEmotion);

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

var _Tabs = require("./Tabs.Skeleton");

var _Tabs2 = _interopRequireDefault(_Tabs);

var _BaseTabs = require("./BaseTabs");

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

var StyledNumberedTabs =
/*#__PURE__*/
(0, _reactEmotion2["default"])(_BaseTabs.StyledBaseTabs, {
  target: "edjl8660"
})("text-align:center;padding-top:", _presets.spaces["2xl"], ";:after{border-bottom:1px solid ", _presets.colors.standardLine, ";bottom:0;content:\"\";left:0;position:absolute;width:calc(100% + (2 * ", _presets.dimensions.pagePadding.mobile, "));margin-left:-", _presets.dimensions.pagePadding.mobile, ";z-index:1;@media (min-width:", _presets.breakpoints.tablet, "px){width:calc(100% + (2 * ", _presets.dimensions.pagePadding.tablet, "));margin-left:-", _presets.dimensions.pagePadding.tablet, ";}}");

var NumberedTabs = function NumberedTabs(props) {
  return _react2["default"].createElement(_Tabs2["default"], Object.assign({
    StyledComponent: StyledNumberedTabs
  }, props));
};

exports["default"] = NumberedTabs;