var _templateObject, _templateObject2, _templateObject3, _templateObject4;
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
import styled from 'styled-components';
import { FV, PC } from '../index';
var Tag = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  padding: 4px;\n  height: 24px;\n  background: ", ";\n  border: 1px solid ", ";\n  border-radius: 16px;\n"])), function (_ref) {
  var theme = _ref.theme;
  return theme.palette[PC.BackgroundSecondary];
}, function (_ref2) {
  var theme = _ref2.theme;
  return theme.palette[PC.BordersSecondary];
});
var TagIcon = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-right: 4px;\n"])));
var TagLabel = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", "\n  color: ", ";\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n"])), function (_ref3) {
  var theme = _ref3.theme;
  return theme.typography.font[FV.InputMd];
}, function (_ref4) {
  var theme = _ref4.theme;
  return theme.palette[PC.TextPrimary];
});
var TagAction = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  margin-left: 8px;\n  color: ", ";\n\n  svg {\n    cursor: pointer;\n  }\n"])), function (_ref5) {
  var theme = _ref5.theme;
  return theme.palette[PC.IconsPrimary];
});
var Styled = {
  Tag: Tag,
  TagIcon: TagIcon,
  TagLabel: TagLabel,
  TagAction: TagAction
};
export default Styled;