import './SegmentItem.styles_16v9odz.css';
import { styled } from '@linaria/react';
import { tokens } from '../../tokens.js';

var _exp3 = function _exp3() {
  return function (_ref) {
    var hasRightMargin = _ref.hasRightMargin;
    return hasRightMargin ? "var(".concat(tokens.itemIconMargin, ")") : '0';
  };
};
var _exp4 = function _exp4() {
  return function (_ref2) {
    var hasLeftMargin = _ref2.hasLeftMargin;
    return hasLeftMargin ? "var(".concat(tokens.itemIconMargin, ")") : '0';
  };
};
var StyledContent = /*#__PURE__*/styled('div')({
  name: "StyledContent",
  "class": "sxcdyja",
  propsAsIs: false,
  vars: {
    "sxcdyja-0": [/*#__PURE__*/_exp3()],
    "sxcdyja-1": [/*#__PURE__*/_exp4()]
  }
});
var RightContent = /*#__PURE__*/styled('div')({
  name: "RightContent",
  "class": "rxjfe87",
  propsAsIs: false
});
var LeftContent = /*#__PURE__*/styled('div')({
  name: "LeftContent",
  "class": "l1gg7fed",
  propsAsIs: false
});
var base = "bctm1j9";

export { LeftContent, RightContent, StyledContent, base };
//# sourceMappingURL=SegmentItem.styles.js.map
