"use strict";

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

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);

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

var StyledBaseTab =
/*#__PURE__*/
exports.StyledBaseTab = (0, _reactEmotion2["default"])(_Tab.SkeletonStyledComponent, {
  target: "eigdr7l0"
})("align-items:center;border-radius:", _presets.radius["default"], " ", _presets.radius["default"], " 0 0;color:", _presets.palette.purple[500], ";display:inline-flex;font-family:", _presets.fontFamilies.headerFontFamily, ";font-size:", _presets.fontSizes.m, ";font-weight:bold;height:3.5rem;margin:0 ", _presets.spaces["2xs"], ";padding:", _presets.spaces["3xs"], " ", _presets.spaces.m, " 0;position:relative;z-index:0;a{align-items:center;display:flex;text-decoration:none;&:active{color:inherit;}}&.active{z-index:2;:before,:after{border:1px solid ", _presets.colors.standardLine, ";bottom:-1px;content:\"\";height:6px;position:absolute;width:6px;}:before{border-bottom-right-radius:6px;border-width:0 1px 1px 0;box-shadow:2px 2px 0 #fff;left:-6px;}:after{border-bottom-left-radius:6px;border-width:0 0 1px 1px;box-shadow:-2px 2px 0 #fff;right:-6px;}}@media (min-width:", _presets.breakpoints.phablet, "px){padding:", _presets.spaces["3xs"], " ", _presets.spaces.l, " 0;}");

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

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