import './InformationWrapper.styles_qiid2l.css';
import { styled } from '@linaria/react';
import { tokens, privateTokens } from './InformationWrapper.tokens.js';
import { component, mergeConfig } from '../../engines/common.js';
import { tooltipConfig } from '../Tooltip/Tooltip.js';

var mergedConfig = /*#__PURE__*/mergeConfig(tooltipConfig);
var Tooltip = /*#__PURE__*/component(mergedConfig);
var base = "b1654ee1";
var ContentWrapper = /*#__PURE__*/styled('div')({
  name: "ContentWrapper",
  "class": "c1x13r22",
  propsAsIs: false
});
var ContentChildrenWrapper = /*#__PURE__*/styled('div')({
  name: "ContentChildrenWrapper",
  "class": "c1dhezs1",
  propsAsIs: false
});
var _exp2 = function _exp2() {
  return function (_ref) {
    var hasLabel = _ref.hasLabel;
    return hasLabel ? 'nowrap' : 'normal';
  };
};
var _exp3 = function _exp3() {
  return function (_ref2) {
    var hasLabel = _ref2.hasLabel;
    return hasLabel ? "var(".concat(tokens.labelWrapperOffset, ")") : "var(".concat(tokens.labelWrapperTitleCaptionOffset, ")");
  };
};
var _exp5 = function _exp5() {
  return function (_ref3) {
    var hasCaption = _ref3.hasCaption;
    return hasCaption ? "var(".concat(tokens.labelWrapperTitleCaptionOffset, ")") : '0';
  };
};
var _exp6 = function _exp6() {
  return function (_ref4) {
    var hasCaption = _ref4.hasCaption;
    return hasCaption ? 'flex' : 'block';
  };
};
var _exp7 = function _exp7() {
  return function (_ref5) {
    var hasCaption = _ref5.hasCaption;
    return hasCaption ? 'fit-content' : '0';
  };
};
var LabelWrapper = /*#__PURE__*/styled('div')({
  name: "LabelWrapper",
  "class": "lbq1uk3",
  propsAsIs: false,
  vars: {
    "lbq1uk3-0": [/*#__PURE__*/_exp2()],
    "lbq1uk3-1": [/*#__PURE__*/_exp3()],
    "lbq1uk3-2": [/*#__PURE__*/_exp5()],
    "lbq1uk3-3": [/*#__PURE__*/_exp6()],
    "lbq1uk3-4": [/*#__PURE__*/_exp7()]
  }
});
var _exp8 = function _exp8() {
  return function (_ref6) {
    var hasLabel = _ref6.hasLabel;
    return hasLabel ? 'relative' : 'static';
  };
};
var IndicatorWrapper = /*#__PURE__*/styled('div')({
  name: "IndicatorWrapper",
  "class": "ietdidz",
  propsAsIs: false,
  vars: {
    "ietdidz-0": [/*#__PURE__*/_exp8()]
  }
});
var Label = /*#__PURE__*/styled('label')({
  name: "Label",
  "class": "lwuxw14",
  propsAsIs: false
});
var _exp12 = function _exp12() {
  return function (_ref7) {
    var hasCaption = _ref7.hasCaption;
    return hasCaption ? "translateY(var(".concat(tokens.labelWrapperTitleCaptionOffset, "))") : "translateY(var(".concat(privateTokens.translateYWithoutTitle, "))");
  };
};
var HintWrapper = /*#__PURE__*/styled('div')({
  name: "HintWrapper",
  "class": "h14vq0q",
  propsAsIs: false,
  vars: {
    "h14vq0q-0": [/*#__PURE__*/_exp12()]
  }
});
var HintTargetWrapper = /*#__PURE__*/styled('div')({
  name: "HintTargetWrapper",
  "class": "h1og3vrk",
  propsAsIs: false
});
var _exp14 = function _exp14() {
  return Tooltip;
};
var Hint = /*#__PURE__*/styled(_exp14())({
  name: "Hint",
  "class": "he2wdim",
  propsAsIs: true
});
var HintIconWrapper = /*#__PURE__*/styled('div')({
  name: "HintIconWrapper",
  "class": "h1d6jg8l",
  propsAsIs: false
});
var _exp27 = function _exp27() {
  return function (_ref8) {
    var hasCaption = _ref8.hasCaption;
    return hasCaption ? "translateY(var(".concat(tokens.labelWrapperTitleCaptionOffset, "))") : 'translateY(0)';
  };
};
var Indicator = /*#__PURE__*/styled('div')({
  name: "Indicator",
  "class": "i3p6umn",
  propsAsIs: false,
  vars: {
    "i3p6umn-0": [/*#__PURE__*/_exp27()]
  }
});
var OptionalText = /*#__PURE__*/styled('span')({
  name: "OptionalText",
  "class": "oyrp8o3",
  propsAsIs: false
});
var _exp31 = function _exp31() {
  return function (_ref9) {
    var hasLabel = _ref9.hasLabel;
    return hasLabel ? "var(".concat(tokens.titleCaptionOffset, ")") : 'unset';
  };
};
var TitleCaption = /*#__PURE__*/styled('div')({
  name: "TitleCaption",
  "class": "t1249ck4",
  propsAsIs: false,
  vars: {
    "t1249ck4-0": [/*#__PURE__*/_exp31()]
  }
});
var Helpers = /*#__PURE__*/styled('div')({
  name: "Helpers",
  "class": "h12fqhwc",
  propsAsIs: false
});
var LeftHelper = /*#__PURE__*/styled('div')({
  name: "LeftHelper",
  "class": "lpmjtbd",
  propsAsIs: false
});
var RightHelper = /*#__PURE__*/styled('div')({
  name: "RightHelper",
  "class": "r4x1cz0",
  propsAsIs: false
});

export { ContentChildrenWrapper, ContentWrapper, Helpers, Hint, HintIconWrapper, HintTargetWrapper, HintWrapper, Indicator, IndicatorWrapper, Label, LabelWrapper, LeftHelper, OptionalText, RightHelper, TitleCaption, base };
