(self["webpackChunktrackunit"] = self["webpackChunktrackunit"] || []).push([["node_modules_heroicons_react_outline_ColorSwatchIcon_js"],{

/***/ "./node_modules/@heroicons/react/outline/ColorSwatchIcon.js":
/*!******************************************************************!*\
  !*** ./node_modules/@heroicons/react/outline/ColorSwatchIcon.js ***!
  \******************************************************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {

const React = __webpack_require__(/*! react */ "webpack/sharing/consume/default/react/react");

function ColorSwatchIcon(props, svgRef) {
  return /*#__PURE__*/React.createElement("svg", Object.assign({
    xmlns: "http://www.w3.org/2000/svg",
    fill: "none",
    viewBox: "0 0 24 24",
    strokeWidth: 2,
    stroke: "currentColor",
    "aria-hidden": "true",
    ref: svgRef
  }, props), /*#__PURE__*/React.createElement("path", {
    strokeLinecap: "round",
    strokeLinejoin: "round",
    d: "M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01"
  }));
}

const ForwardRef = React.forwardRef(ColorSwatchIcon);
module.exports = ForwardRef;

/***/ })

}]);