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

var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
var OptionPrimaryWrapperIcon = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-flex;\n  width: 28px;\n  height: 47px;\n  border-left: 1px solid ", ";\n  justify-content: center;\n  align-items: center;\n"])), function (_ref) {
  var theme = _ref.theme;
  return theme.colourBrandPrimaryTintLight;
});
var OptionInfoWrapperIcon = styled(OptionPrimaryWrapperIcon)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  border-left: 1px solid ", ";\n"])), function (_ref2) {
  var theme = _ref2.theme;
  return theme.colourMaterialBorder;
});
var OptionSecondaryWrapperIcon = styled(OptionPrimaryWrapperIcon)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  border-left: 1px solid ", ";\n"])), function (_ref3) {
  var theme = _ref3.theme;
  return theme.colourMaterialBorder;
});
var OptionSuccessWrapperIcon = styled(OptionPrimaryWrapperIcon)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  border-left: 1px solid ", ";\n"])), function (_ref4) {
  var theme = _ref4.theme;
  return theme.colourStateSuccessTintLight;
});
var OptionWarningWrapperIcon = styled(OptionPrimaryWrapperIcon)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  border-left: 1px solid ", ";\n"])), function (_ref5) {
  var theme = _ref5.theme;
  return theme.colourStateWarningTintLight;
});
var OptionErrorWrapperIcon = styled(OptionPrimaryWrapperIcon)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  border-left: 1px solid ", ";\n"])), function (_ref6) {
  var theme = _ref6.theme;
  return theme.colourStateErrorTintLight;
});

export { OptionErrorWrapperIcon, OptionInfoWrapperIcon, OptionSecondaryWrapperIcon, OptionSuccessWrapperIcon, OptionWarningWrapperIcon, OptionPrimaryWrapperIcon as default };
//# sourceMappingURL=index.js.map
