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

var _templateObject, _templateObject2, _templateObject3, _templateObject4;
var StatisticComponentWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  background: ", ";\n  display: inline-grid;\n  gap: 10px;\n"])), function (_ref) {
  var theme = _ref.theme;
  return theme.colourMaterialPrimary;
});
var StatisticComponentHeadingWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n"])));
var StatisticComponentDetailsWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: inline-flex;\n  align-items: center;\n\n  gap: 5px;\n"])));
styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: inline-flex;\n  align-items: center;\n\n  gap: 5px;\n\n  > div {\n    font-size: ", ";\n    font-family: ", ";\n    color: ", ";\n\n    > div {\n      > div {\n        > svg {\n          > path {\n            fill: ", ";\n          }\n        }\n      }\n    }\n  }\n"])), function (_ref2) {
  var theme = _ref2.theme;
  return theme.fontSize_10;
}, function (_ref3) {
  var theme = _ref3.theme;
  return theme.fontWorkSansRegular;
}, function (_ref4) {
  var theme = _ref4.theme;
  return theme.colourTextSecondary;
}, function (_ref5) {
  var theme = _ref5.theme;
  return theme.colourTextSecondary;
});

export { StatisticComponentDetailsWrapper, StatisticComponentHeadingWrapper, StatisticComponentWrapper };
//# sourceMappingURL=style.js.map
