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

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

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

var base = "b1bx6up7";
var CodeWrapper = /*#__PURE__*/react.styled('div')({
  name: "CodeWrapper",
  "class": "c4s5tpr",
  propsAsIs: false
});
var CodeGroup = /*#__PURE__*/react.styled('div')({
  name: "CodeGroup",
  "class": "c6fpog4",
  propsAsIs: false
});
var Separator = /*#__PURE__*/react.styled('div')({
  name: "Separator",
  "class": "shozobj",
  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": "i1fmbgg",
  propsAsIs: false,
  vars: {
    "i1fmbgg-0": [/*#__PURE__*/_exp3()]
  }
});
var ItemWrapper = /*#__PURE__*/react.styled('div')({
  name: "ItemWrapper",
  "class": "i1yp3a4t",
  propsAsIs: false
});
var ItemCircle = /*#__PURE__*/react.styled('div')({
  name: "ItemCircle",
  "class": "i15vxgqc",
  propsAsIs: false
});
var _exp9 = function _exp9() {
  return function (_ref2) {
    var captionAlign = _ref2.captionAlign;
    return captionAlign;
  };
};
var _exp0 = function _exp0() {
  return function (_ref3) {
    var widthValue = _ref3.widthValue;
    return widthValue || 'auto';
  };
};
var CaptionWrapper = /*#__PURE__*/react.styled('div')({
  name: "CaptionWrapper",
  "class": "c16nshrt",
  propsAsIs: false,
  vars: {
    "c16nshrt-0": [/*#__PURE__*/_exp9()],
    "c16nshrt-1": [/*#__PURE__*/_exp0()]
  }
});

exports.CaptionWrapper = CaptionWrapper;
exports.CodeGroup = CodeGroup;
exports.CodeWrapper = CodeWrapper;
exports.ItemCircle = ItemCircle;
exports.ItemInput = ItemInput;
exports.ItemWrapper = ItemWrapper;
exports.Separator = Separator;
exports.base = base;
