import './TextFieldChipNew.styles_vheowc.css';
import { styled } from '@linaria/react';
import { tokens } from '../../TextField.tokens.js';
import { component, mergeConfig } from '../../../../engines/common.js';
import { chipConfig } from '../../../Chip/Chip.js';

// issue #823
var mergedConfig = /*#__PURE__*/mergeConfig(chipConfig);
var Chip = /*#__PURE__*/component(mergedConfig);

// NOTE: Необходимое переопределение токенов из компонента Chip т.к. используются его части
var _exp = function _exp() {
  return Chip;
};
var _exp59 = function _exp59() {
  return function (_ref) {
    var chipClickArea = _ref.chipClickArea;
    return chipClickArea === 'full' ? "var(".concat(tokens.chipColorHover, ")") : "var(".concat(tokens.chipColor, ")");
  };
};
var _exp60 = function _exp60() {
  return function (_ref2) {
    var chipClickArea = _ref2.chipClickArea;
    return chipClickArea === 'full' ? "var(".concat(tokens.chipBackgroundHover, ")") : "var(".concat(tokens.chipBackground, ")");
  };
};
var _exp61 = function _exp61() {
  return function (_ref3) {
    var chipClickArea = _ref3.chipClickArea;
    return chipClickArea === 'full' ? 'pointer' : 'default';
  };
};
var _exp63 = function _exp63() {
  return function (_ref4) {
    var chipClickArea = _ref4.chipClickArea;
    return chipClickArea === 'full' ? "var(".concat(tokens.chipCloseIconColorHover, ")") : "var(".concat(tokens.chipCloseIconColor, ")");
  };
};
var StyledChip = /*#__PURE__*/styled(_exp())({
  name: "StyledChip",
  "class": "smzbpx7",
  propsAsIs: true,
  vars: {
    "smzbpx7-0": [/*#__PURE__*/_exp59()],
    "smzbpx7-1": [/*#__PURE__*/_exp60()],
    "smzbpx7-2": [/*#__PURE__*/_exp61()],
    "smzbpx7-3": [/*#__PURE__*/_exp63()]
  }
});

export { StyledChip };
