require('./ComboboxTarget.styles_xnedmz.css');
'use strict';

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

var react = require('@linaria/react');
var Combobox_tokens = require('../../Combobox.tokens.js');
var IconChevronDown = require('../../../../_Icon/Icons/IconChevronDown.js');

var _exp10 = function _exp10() {
  return function (_ref) {
    var opened = _ref.opened;
    return opened ? "var(".concat(Combobox_tokens.tokens.targetBackgroundColorOpen, ")") : "var(".concat(Combobox_tokens.tokens.targetBackgroundColor, ")");
  };
};
var _exp11 = function _exp11() {
  return function (_ref2) {
    var opened = _ref2.opened;
    return opened ? "var(".concat(Combobox_tokens.tokens.targetBorderColorOpen, ")") : "var(".concat(Combobox_tokens.tokens.targetBorderColor, ")");
  };
};
var _exp12 = function _exp12() {
  return function (_ref3) {
    var opened = _ref3.opened;
    return opened ? "var(".concat(Combobox_tokens.tokens.targetBackgroundColorOpen, ")") : "var(".concat(Combobox_tokens.tokens.targetBackgroundColorHover, ")");
  };
};
var _exp13 = function _exp13() {
  return function (_ref4) {
    var opened = _ref4.opened;
    return opened ? "var(".concat(Combobox_tokens.tokens.targetBorderColorOpen, ")") : "var(".concat(Combobox_tokens.tokens.targetBorderColorHover, ")");
  };
};
var _exp14 = function _exp14() {
  return function (_ref5) {
    var opened = _ref5.opened;
    return opened ? "var(".concat(Combobox_tokens.tokens.targetBackgroundColorOpen, ")") : "var(".concat(Combobox_tokens.tokens.targetBackgroundColorActive, ")");
  };
};
var _exp15 = function _exp15() {
  return function (_ref6) {
    var opened = _ref6.opened;
    return opened ? "var(".concat(Combobox_tokens.tokens.targetBorderColorOpen, ")") : "var(".concat(Combobox_tokens.tokens.targetBorderColorActive, ")");
  };
};
var StyledComboboxTarget = /*#__PURE__*/react.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.IconChevronDown;
};
var StyledArrow = /*#__PURE__*/react.styled(_exp35())({
  name: "StyledArrow",
  "class": "stonq88",
  propsAsIs: true
});
var StyledContent = /*#__PURE__*/react.styled('div')({
  name: "StyledContent",
  "class": "stgxc8t",
  propsAsIs: false
});
var StyledComboboxInput = /*#__PURE__*/react.styled('input')({
  name: "StyledComboboxInput",
  "class": "svgnzfa",
  propsAsIs: false
});
var StyledComboboxInputHelper = /*#__PURE__*/react.styled('div')({
  name: "StyledComboboxInputHelper",
  "class": "seg3tj7",
  propsAsIs: false
});
var StyledText = /*#__PURE__*/react.styled('span')({
  name: "StyledText",
  "class": "s2l3b6s",
  propsAsIs: false
});
var StyledChips = /*#__PURE__*/react.styled('div')({
  name: "StyledChips",
  "class": "s1yutr1r",
  propsAsIs: false
});
var StyledLabel = /*#__PURE__*/react.styled('label')({
  name: "StyledLabel",
  "class": "slnmjcp",
  propsAsIs: false
});

exports.StyledArrow = StyledArrow;
exports.StyledChips = StyledChips;
exports.StyledComboboxInput = StyledComboboxInput;
exports.StyledComboboxInputHelper = StyledComboboxInputHelper;
exports.StyledComboboxTarget = StyledComboboxTarget;
exports.StyledContent = StyledContent;
exports.StyledLabel = StyledLabel;
exports.StyledText = StyledText;
//# sourceMappingURL=ComboboxTarget.styles.js.map
