require('./TextFieldChipNew.styles_vheowc.css');
'use strict';

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

var react = require('@linaria/react');
var TextField_tokens = require('../../TextField.tokens.js');
var common = require('../../../../engines/common.js');
var Chip$1 = require('../../../Chip/Chip.js');

// issue #823
var mergedConfig = /*#__PURE__*/common.mergeConfig(Chip$1.chipConfig);
var Chip = /*#__PURE__*/common.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(TextField_tokens.tokens.chipColorHover, ")") : "var(".concat(TextField_tokens.tokens.chipColor, ")");
  };
};
var _exp60 = function _exp60() {
  return function (_ref2) {
    var chipClickArea = _ref2.chipClickArea;
    return chipClickArea === 'full' ? "var(".concat(TextField_tokens.tokens.chipBackgroundHover, ")") : "var(".concat(TextField_tokens.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(TextField_tokens.tokens.chipCloseIconColorHover, ")") : "var(".concat(TextField_tokens.tokens.chipCloseIconColor, ")");
  };
};
var StyledChip = /*#__PURE__*/react.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()]
  }
});

exports.StyledChip = StyledChip;
