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

var _templateObject, _templateObject2, _templateObject3, _templateObject4;
var tagCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 55px;\n  height: 22px;\n  border-radius: 4px;\n  display: inline-flex;\n  justify-content: space-evenly;\n  align-items: center;\n  font-family: ", ";\n  font-size: ", ";\n  letter-spacing: 0.75px;\n"])), function (_ref) {
  var theme = _ref.theme;
  return theme.fontWorkSansMedium;
}, function (_ref2) {
  var theme = _ref2.theme;
  return theme.fontSize_12;
});
var svgCss = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  height: 12px;\n  font-family: ", ";\n  font-size: ", ";\n"])), function (_ref3) {
  var theme = _ref3.theme;
  return theme.fontWorkSansMedium;
}, function (_ref4) {
  var theme = _ref4.theme;
  return theme.fontSize_12;
});
var IncrementalAnalyticStatusTag = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  background: ", ";\n  ", "\n\n  > div {\n    display: inline-flex;\n    align-items: center;\n    svg {\n      ", "\n    }\n  }\n"])), function (_ref5) {
  var theme = _ref5.theme;
  return theme.colourStategreyLight;
}, tagCss, svgCss);
var DecrementalAnalyticStatusTag = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  background: ", ";\n  ", "\n\n  svg {\n    ", "\n  }\n"])), function (_ref6) {
  var theme = _ref6.theme;
  return theme.colourStateErrorTintLight;
}, tagCss, svgCss);

export { DecrementalAnalyticStatusTag, IncrementalAnalyticStatusTag };
//# sourceMappingURL=style.js.map
