require('./CodeInput.styles_3w98lu.css');
'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var react = require('@linaria/react');

var base = "b1y2r9rw";
var CodeWrapper = /*#__PURE__*/react.styled('div')({
  name: "CodeWrapper",
  "class": "c1fux591",
  propsAsIs: false
});
var CodeGroup = /*#__PURE__*/react.styled('div')({
  name: "CodeGroup",
  "class": "cuja080",
  propsAsIs: false
});
var Separator = /*#__PURE__*/react.styled('div')({
  name: "Separator",
  "class": "s175xqem",
  propsAsIs: false
});
var _exp3 = function _exp3() {
  return function (_ref) {
    var hide = _ref.hide;
    return hide ? '0' : '1';
  };
};
var ItemInput = /*#__PURE__*/react.styled('input')({
  name: "ItemInput",
  "class": "i16menav",
  propsAsIs: false,
  vars: {
    "i16menav-0": [/*#__PURE__*/_exp3()]
  }
});
var ItemWrapper = /*#__PURE__*/react.styled('div')({
  name: "ItemWrapper",
  "class": "iuawgdb",
  propsAsIs: false
});
var ItemCircle = /*#__PURE__*/react.styled('div')({
  name: "ItemCircle",
  "class": "i1tn2nm3",
  propsAsIs: false
});
var _exp9 = function _exp9() {
  return function (_ref2) {
    var captionAlign = _ref2.captionAlign;
    return captionAlign;
  };
};
var _exp10 = function _exp10() {
  return function (_ref3) {
    var widthValue = _ref3.widthValue;
    return widthValue || 'auto';
  };
};
var CaptionWrapper = /*#__PURE__*/react.styled('div')({
  name: "CaptionWrapper",
  "class": "c19x1gm7",
  propsAsIs: false,
  vars: {
    "c19x1gm7-0": [/*#__PURE__*/_exp9()],
    "c19x1gm7-1": [/*#__PURE__*/_exp10()]
  }
});

exports.CaptionWrapper = CaptionWrapper;
exports.CodeGroup = CodeGroup;
exports.CodeWrapper = CodeWrapper;
exports.ItemCircle = ItemCircle;
exports.ItemInput = ItemInput;
exports.ItemWrapper = ItemWrapper;
exports.Separator = Separator;
exports.base = base;
//# sourceMappingURL=CodeInput.styles.js.map
