import { s as styleInject, u as useViewHandler } from './index-bbdfb97a.js';
import 'react';
import { jsx } from 'react/jsx-runtime';
import '@babel/runtime/helpers/defineProperty';
import 'react-dynamic-multi-render';
import '@crystaldesign/diva-core';
import 'mobx-react-lite';
import '@babel/runtime/helpers/asyncToGenerator';
import '@babel/runtime/helpers/slicedToArray';
import '@babel/runtime/helpers/objectWithoutProperties';
import '@babel/runtime/regenerator';
import '@babel/runtime/helpers/classCallCheck';
import '@babel/runtime/helpers/createClass';
import '@babel/runtime/helpers/toConsumableArray';
import '@crystaldesign/diva-utils';
import 'mobx';
import '@crystaldesign/web-planner-logic';
import 'classnames';
import 'qrcode.react';
import '@babel/runtime/helpers/typeof';
import 'flat';
import 'react-switch';
import 'react-countup';

var wcAccCtaMinus = "wcAccCTAMinus-Y6GAJ";
var css_248z = ".wcAccCTAMinus-Y6GAJ {\n  font-weight: 300;\n  font-size: 18px;\n  height: 22px;\n  width: 22px;\n  float: left;\n  background: #f2f2f2;\n  border-radius: 19.008px;\n  -webkit-text-stroke: 0px;\n  transition: background-color 0.15s ease;\n  text-align: center;\n  float: right;\n  cursor: pointer;\n}\n\n.wcAccCTAMinus-Y6GAJ:hover {\n  background: #d9d9d9;\n  color: #424242;\n}\n\n.wcAccCTAMinus-Y6GAJ {\n  line-height: 21px;\n}\n";
styleInject(css_248z);

var ShelfDeleteButton = function ShelfDeleteButton(_ref) {
  var index = _ref.index,
    grid = _ref.grid;
  var viewHandler = useViewHandler();
  return /*#__PURE__*/jsx("div", {
    onClick: function onClick(e) {
      viewHandler.paletteViewHandler.clickDeleteAccessorieOnShelfPlanner(grid, index);
      e.stopPropagation();
    },
    className: wcAccCtaMinus,
    children: "-"
  });
};

export { ShelfDeleteButton as default };
