"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 _Tab = require("./Tab.Skeleton");

var _Tab2 = _interopRequireDefault(_Tab);

var _BaseTab = require("./BaseTab");

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

var StyledNumberedTab =
/*#__PURE__*/
(0, _reactEmotion2["default"])(_BaseTab.StyledBaseTab, {
  target: "eljm2o0"
})("background:", _presets.colors.secondaryBackground, ";border:1px solid ", _presets.colors.standardLine, ";color:", _presets.palette.grey[400], ";a{color:", _presets.palette.purple[400], ";}&.active{background:", _presets.colors.primaryBackground, ";border-bottom-color:", _presets.colors.secondaryBackground, ";color:", _presets.palette.grey[900], ";}");

var NumberedTab = function NumberedTab(props) {
  return _react2["default"].createElement(_Tab2["default"], Object.assign({
    StyledComponent: StyledNumberedTab
  }, props));
};

NumberedTab.propTypes = _Tab.tabPropTypes;
exports["default"] = NumberedTab;