import { taggedTemplateLiteral as _taggedTemplateLiteral } from '../../../_virtual/_rollupPluginBabelHelpers.js';
import styled from 'styled-components';

var _templateObject, _templateObject2;
var Tags = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: ", ";\n  color: ", ";\n  width: 71px;\n  height: 27px;\n  gap: 5px;\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 20px;\n  font-family: ", ";\n  font-size: ", ";\n"])), function (_ref) {
  var colour = _ref.colour;
  return colour;
}, function (_ref2) {
  var theme = _ref2.theme;
  return theme.colourTextPrimary;
}, function (_ref3) {
  var theme = _ref3.theme;
  return theme.fontWorkSansRegular;
}, function (_ref4) {
  var theme = _ref4.theme;
  return theme.fontSize_14;
});
styled(Tags)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  background: ", " !important;\n\n  width: 95px;\n  justify-content: space-evenly;\n\n  svg {\n    path {\n      color: ", ";\n    }\n  }\n"])), function (_ref5) {
  var colour = _ref5.colour;
  return colour;
}, function (_ref6) {
  var theme = _ref6.theme;
  return theme.colourTextPrimary;
});

export { Tags };
//# sourceMappingURL=style.js.map
