import './CodeField.styles_1vrl267.css';
import { styled } from '@linaria/react';

var base = "be1ozgu";
var CodeWrapper = /*#__PURE__*/styled('div')({
  name: "CodeWrapper",
  "class": "c22lnt4",
  propsAsIs: false
});
var CodeGroup = /*#__PURE__*/styled('div')({
  name: "CodeGroup",
  "class": "c1if332c",
  propsAsIs: false
});
var Separator = /*#__PURE__*/styled('div')({
  name: "Separator",
  "class": "s18dgw5u",
  propsAsIs: false
});
var ItemInput = /*#__PURE__*/styled('input')({
  name: "ItemInput",
  "class": "i1i4mfds",
  propsAsIs: false
});
var _exp4 = function _exp4() {
  return function (_ref) {
    var captionAlign = _ref.captionAlign;
    return captionAlign;
  };
};
var _exp5 = function _exp5() {
  return function (_ref2) {
    var widthValue = _ref2.widthValue;
    return widthValue || 'auto';
  };
};
var CaptionWrapper = /*#__PURE__*/styled('div')({
  name: "CaptionWrapper",
  "class": "clojy86",
  propsAsIs: false,
  vars: {
    "clojy86-0": [/*#__PURE__*/_exp4()],
    "clojy86-1": [/*#__PURE__*/_exp5()]
  }
});
var HiddenInput = /*#__PURE__*/styled('input')({
  name: "HiddenInput",
  "class": "h101ux2r",
  propsAsIs: false
});

export { CaptionWrapper, CodeGroup, CodeWrapper, HiddenInput, ItemInput, Separator, base };
