import './ComboboxTarget.styles_xnedmz.css';
import { styled } from '@linaria/react';
import { tokens } from '../../Combobox.tokens.js';
import { IconChevronDown } from '../../../../_Icon/Icons/IconChevronDown.js';

var _exp10 = function _exp10() {
  return function (_ref) {
    var opened = _ref.opened;
    return opened ? "var(".concat(tokens.targetBackgroundColorOpen, ")") : "var(".concat(tokens.targetBackgroundColor, ")");
  };
};
var _exp11 = function _exp11() {
  return function (_ref2) {
    var opened = _ref2.opened;
    return opened ? "var(".concat(tokens.targetBorderColorOpen, ")") : "var(".concat(tokens.targetBorderColor, ")");
  };
};
var _exp12 = function _exp12() {
  return function (_ref3) {
    var opened = _ref3.opened;
    return opened ? "var(".concat(tokens.targetBackgroundColorOpen, ")") : "var(".concat(tokens.targetBackgroundColorHover, ")");
  };
};
var _exp13 = function _exp13() {
  return function (_ref4) {
    var opened = _ref4.opened;
    return opened ? "var(".concat(tokens.targetBorderColorOpen, ")") : "var(".concat(tokens.targetBorderColorHover, ")");
  };
};
var _exp14 = function _exp14() {
  return function (_ref5) {
    var opened = _ref5.opened;
    return opened ? "var(".concat(tokens.targetBackgroundColorOpen, ")") : "var(".concat(tokens.targetBackgroundColorActive, ")");
  };
};
var _exp15 = function _exp15() {
  return function (_ref6) {
    var opened = _ref6.opened;
    return opened ? "var(".concat(tokens.targetBorderColorOpen, ")") : "var(".concat(tokens.targetBorderColorActive, ")");
  };
};
var StyledComboboxTarget = /*#__PURE__*/styled('div')({
  name: "StyledComboboxTarget",
  "class": "s1fhk1h4",
  propsAsIs: false,
  vars: {
    "s1fhk1h4-0": [/*#__PURE__*/_exp10()],
    "s1fhk1h4-1": [/*#__PURE__*/_exp11()],
    "s1fhk1h4-2": [/*#__PURE__*/_exp12()],
    "s1fhk1h4-3": [/*#__PURE__*/_exp13()],
    "s1fhk1h4-4": [/*#__PURE__*/_exp14()],
    "s1fhk1h4-5": [/*#__PURE__*/_exp15()]
  }
});
var _exp35 = function _exp35() {
  return IconChevronDown;
};
var StyledArrow = /*#__PURE__*/styled(_exp35())({
  name: "StyledArrow",
  "class": "stonq88",
  propsAsIs: true
});
var StyledContent = /*#__PURE__*/styled('div')({
  name: "StyledContent",
  "class": "stgxc8t",
  propsAsIs: false
});
var StyledComboboxInput = /*#__PURE__*/styled('input')({
  name: "StyledComboboxInput",
  "class": "svgnzfa",
  propsAsIs: false
});
var StyledComboboxInputHelper = /*#__PURE__*/styled('div')({
  name: "StyledComboboxInputHelper",
  "class": "seg3tj7",
  propsAsIs: false
});
var StyledText = /*#__PURE__*/styled('span')({
  name: "StyledText",
  "class": "s2l3b6s",
  propsAsIs: false
});
var StyledChips = /*#__PURE__*/styled('div')({
  name: "StyledChips",
  "class": "s1yutr1r",
  propsAsIs: false
});
var StyledLabel = /*#__PURE__*/styled('label')({
  name: "StyledLabel",
  "class": "slnmjcp",
  propsAsIs: false
});

export { StyledArrow, StyledChips, StyledComboboxInput, StyledComboboxInputHelper, StyledComboboxTarget, StyledContent, StyledLabel, StyledText };
//# sourceMappingURL=ComboboxTarget.styles.js.map
