require('./Tree.styles_1crh1vg.css');
'use strict';

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

var react = require('@linaria/react');
var Tree_tokens = require('./Tree.tokens.js');
var IconDisclosureRightCentered = require('../_Icon/Icons/IconDisclosureRightCentered.js');
var IconFolder = require('../_Icon/Icons/IconFolder.js');
var common = require('../../engines/common.js');
var Spinner$1 = require('../Spinner/Spinner.js');

var mergedConfig = /*#__PURE__*/common.mergeConfig(Spinner$1.spinnerConfig);
var Spinner = /*#__PURE__*/common.component(mergedConfig);
var IconArrowWrapper = /*#__PURE__*/react.styled('div')({
  name: "IconArrowWrapper",
  "class": "io9xczg",
  propsAsIs: false
});
var _exp4 = function _exp4() {
  return IconDisclosureRightCentered.IconDisclosureRightCentered;
};
var StyledArrow = /*#__PURE__*/react.styled(_exp4())({
  name: "StyledArrow",
  "class": "smciu6q",
  propsAsIs: true
});
var _exp5 = function _exp5() {
  return IconFolder.IconFolder;
};
var StyledFolder = /*#__PURE__*/react.styled(_exp5())({
  name: "StyledFolder",
  "class": "s1t4s7ru",
  propsAsIs: true
});
var _exp6 = function _exp6() {
  return function (_ref) {
    var arrowPlacement = _ref.arrowPlacement,
      fullWidthItemSelection = _ref.fullWidthItemSelection;
    return arrowPlacement === 'left' && !fullWidthItemSelection ? "var(".concat(Tree_tokens.treeTokens.iconFolderMargin, ")") : 0;
  };
};
var _exp7 = function _exp7() {
  return function (_ref2) {
    var singleLine = _ref2.singleLine;
    return singleLine ? 'hidden' : 'visible';
  };
};
var TitleWrapper = /*#__PURE__*/react.styled('div')({
  name: "TitleWrapper",
  "class": "t1bgqryr",
  propsAsIs: false,
  vars: {
    "t1bgqryr-0": [/*#__PURE__*/_exp6()],
    "t1bgqryr-1": [/*#__PURE__*/_exp7()]
  }
});
var _exp9 = function _exp9() {
  return function (_ref3) {
    var singleLine = _ref3.singleLine;
    return singleLine ? 'hidden' : 'visible';
  };
};
var _exp10 = function _exp10() {
  return function (_ref4) {
    var singleLine = _ref4.singleLine;
    return singleLine ? 'ellipsis' : 'unset';
  };
};
var _exp11 = function _exp11() {
  return function (_ref5) {
    var singleLine = _ref5.singleLine;
    return singleLine ? 'nowrap' : 'normal';
  };
};
var Title = /*#__PURE__*/react.styled('span')({
  name: "Title",
  "class": "t1un80r8",
  propsAsIs: false,
  vars: {
    "t1un80r8-0": [/*#__PURE__*/_exp9()],
    "t1un80r8-1": [/*#__PURE__*/_exp10()],
    "t1un80r8-2": [/*#__PURE__*/_exp11()]
  }
});
var ContentRight = /*#__PURE__*/react.styled('div')({
  name: "ContentRight",
  "class": "c92yb2c",
  propsAsIs: false
});
var _exp12 = function _exp12() {
  return function (_ref6) {
    var dropPosition = _ref6.dropPosition,
      variant = _ref6.variant;
    return dropPosition === -1 ? "calc(var(".concat(variant === 'normal' ? Tree_tokens.treeTokens.itemPaddingTop : Tree_tokens.treeTokens.itemPaddingTightTop, ") * -1)") : 'auto';
  };
};
var _exp13 = function _exp13() {
  return function (_ref7) {
    var left = _ref7.left;
    return left;
  };
};
var _exp14 = function _exp14() {
  return function (_ref8) {
    var dropPosition = _ref8.dropPosition,
      variant = _ref8.variant;
    return dropPosition !== -1 ? "calc(var(".concat(variant === 'normal' ? Tree_tokens.treeTokens.itemPaddingBottom : Tree_tokens.treeTokens.itemPaddingTightBottom, ") * -1)") : 'auto';
  };
};
var Line = /*#__PURE__*/react.styled('div')({
  name: "Line",
  "class": "l1njos1z",
  propsAsIs: false,
  vars: {
    "l1njos1z-0": [/*#__PURE__*/_exp12()],
    "l1njos1z-1": [/*#__PURE__*/_exp13(), "px"],
    "l1njos1z-2": [/*#__PURE__*/_exp14()]
  }
});
var base = "bbf7gwp";
var _exp83 = function _exp83() {
  return Spinner;
};
var SpinnerStyled = /*#__PURE__*/react.styled(_exp83())({
  name: "SpinnerStyled",
  "class": "s1b72ivl",
  propsAsIs: true
});

exports.ContentRight = ContentRight;
exports.IconArrowWrapper = IconArrowWrapper;
exports.Line = Line;
exports.SpinnerStyled = SpinnerStyled;
exports.StyledArrow = StyledArrow;
exports.StyledFolder = StyledFolder;
exports.Title = Title;
exports.TitleWrapper = TitleWrapper;
exports.base = base;
//# sourceMappingURL=Tree.styles.js.map
