@stokr/components-library/dist/components/InfoIcon/InfoIcon.styles.js

STOKR - Components Library

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Icon = exports.Container = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _theme = _interopRequireDefault(require("../../styles/theme"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const Container = exports.Container = _styledComponents.default.div.withConfig({
  displayName: "InfoIconstyles__Container",
  componentId: "sc-d3sdn3-0"
})(["display:inline-block;vertical-align:middle;margin:0 12px;font-size:0;line-height:0;", " ", " ", " ", " & > div{position:relative;display:inline-block !important;", "}"], props => props.noMargin && "\n    margin: 0;\n  ", props => props.noMarginLeft && "\n    margin-left: 0;\n  ", props => props.noMarginRight && "\n    margin-right: 0;\n  ", props => props.fullWidth && "\n    width: 100%;\n    height: 100%;\n  ", props => props.fullWidth && "\n      width: 100%;\n      height: 100%;\n      display: flex !important;\n      align-content: center;\n      flex-wrap: wrap;\n      justify-content: center;\n  ");
const Icon = exports.Icon = _styledComponents.default.i.attrs({
  className: 'ion ion-md-information-circle'
}).withConfig({
  displayName: "InfoIconstyles__Icon",
  componentId: "sc-d3sdn3-1"
})(["position:relative;left:-0.4px;display:inline-block;vertical-align:middle;font-size:16px;line-height:16px;vertical-align:middle;color:", ";transition:color 0.2s;&:hover{color:", ";}"], props => _theme.default.cGrey2, props => _theme.default.cPrimary);