import './EditableCell.styles_1g3clv2.css';
import { styled } from '@linaria/react';
import { tableTokens } from '../../Table.tokens.js';
import { component, mergeConfig } from '../../../../engines/common.js';
import { iconButtonConfig } from '../../../IconButton/IconButton.js';

var mergedIndicatorConfig = /*#__PURE__*/mergeConfig(iconButtonConfig);
var IconButton = /*#__PURE__*/component(mergedIndicatorConfig);
var _exp = function _exp() {
  return function (_ref) {
    var selectionCell = _ref.selectionCell,
      editingMode = _ref.editingMode;
    return (
      // eslint-disable-next-line no-nested-ternary
      editingMode ? "var(".concat(tableTokens.editableCellPadding, ")") : selectionCell ? "var(".concat(tableTokens.checkboxCellPadding, ")") : "var(".concat(tableTokens.cellPadding, ")")
    );
  };
};
var _exp3 = function _exp3() {
  return function (_ref2) {
    var selected = _ref2.selected,
      borderVariant = _ref2.borderVariant,
      view = _ref2.view;
    return (
      // eslint-disable-next-line no-nested-ternary
      borderVariant === 'all' && view !== 'clear' ? "var(".concat(tableTokens.borderColor, ")") : selected ? 'var(--surface-transparent-accent)' : 'transparent'
    );
  };
};
var _exp4 = function _exp4() {
  return function (_ref3) {
    var borderVariant = _ref3.borderVariant;
    return borderVariant === 'all' || borderVariant === 'rows' ? "var(".concat(tableTokens.borderColor, ")") : 'transparent';
  };
};
var Td = /*#__PURE__*/styled('td')({
  name: "Td",
  "class": "t12w3lu5",
  propsAsIs: false,
  vars: {
    "t12w3lu5-0": [/*#__PURE__*/_exp()],
    "t12w3lu5-1": [/*#__PURE__*/_exp3()],
    "t12w3lu5-2": [/*#__PURE__*/_exp4()]
  }
});
var InnerWrapper = /*#__PURE__*/styled('div')({
  name: "InnerWrapper",
  "class": "idy8fgn",
  propsAsIs: false
});
var ContentWrapper = /*#__PURE__*/styled('div')({
  name: "ContentWrapper",
  "class": "cwrhll2",
  propsAsIs: false
});
var EditModeWrapper = /*#__PURE__*/styled('div')({
  name: "EditModeWrapper",
  "class": "e1dkea5v",
  propsAsIs: false
});
var InputWrapper = /*#__PURE__*/styled('div')({
  name: "InputWrapper",
  "class": "i1uj28nu",
  propsAsIs: false
});
var Input = /*#__PURE__*/styled('input')({
  name: "Input",
  "class": "i1c7bo0z",
  propsAsIs: false
});
var _exp19 = function _exp19() {
  return IconButton;
};
var IconDoneButton = /*#__PURE__*/styled(_exp19())({
  name: "IconDoneButton",
  "class": "i1jx30pt",
  propsAsIs: true
});
var _exp24 = function _exp24() {
  return IconButton;
};
var IconResetButton = /*#__PURE__*/styled(_exp24())({
  name: "IconResetButton",
  "class": "i17hwnh4",
  propsAsIs: true
});

export { ContentWrapper, EditModeWrapper, IconDoneButton, IconResetButton, InnerWrapper, Input, InputWrapper, Td };
//# sourceMappingURL=EditableCell.styles.js.map
