"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.TabWrapper = exports.TabContainer = exports.ItemsWrapper = exports.Item = exports.ChildWrapper = void 0;

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;

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

function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

var TabWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n"])));

exports.TabWrapper = TabWrapper;

var TabContainer = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  height: 30px;\n  margin: 5px 0 10px 0;\n  border-bottom: 1px solid #E4EBF0;\n"])));

exports.TabContainer = TabContainer;

var ChildWrapper = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  flex: 1;\n  height: 0;\n  overflow: hidden;\n"])));

exports.ChildWrapper = ChildWrapper;

var ItemsWrapper = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: inline-block;\n  position: relative;\n  bottom: -1px;\n"])));

exports.ItemsWrapper = ItemsWrapper;

var Item = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  height: 30px;\n  line-height: 30px;\n  padding: 0 10px;\n  display: inline-block;\n  font-size: 12px;\n  cursor: pointer;\n  color: ", ";\n  max-width: 140px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  box-sizing: border-box;\n  ", "\n  border-top: 1px solid ", ";\n  border-right: 1px solid ", ";\n  border-left: 1px solid ", ";\n  &:hover {\n    color: #36434D;\n  }\n"])), function (p) {
  return p.active ? "#2879ff !important" : "#667580";
}, function (p) {
  return p.active ? "background: #FFF;" : "";
}, function (p) {
  return p.active ? "#E4EBF0" : "transparent";
}, function (p) {
  return p.active ? "#E4EBF0" : "transparent";
}, function (p) {
  return p.active ? "#E4EBF0" : "transparent";
});

exports.Item = Item;