import _JSXStyle from "../styled-jsx.es.js";
import React from 'react';
import useTheme from '../use-theme';
var TreeStatusIcon = function TreeStatusIcon(_ref) {
  var color = _ref.color,
    _ref$width = _ref.width,
    width = _ref$width === void 0 ? 12 : _ref$width,
    _ref$height = _ref.height,
    height = _ref$height === void 0 ? 12 : _ref$height,
    _ref$active = _ref.active,
    active = _ref$active === void 0 ? false : _ref$active;
  var theme = useTheme();
  return /*#__PURE__*/React.createElement("svg", {
    viewBox: "0 0 24 24",
    width: width,
    height: height,
    stroke: "currentColor",
    strokeWidth: "1.5",
    strokeLinecap: "round",
    strokeLinejoin: "round",
    fill: "none",
    shapeRendering: "geometricPrecision",
    className: _JSXStyle.dynamic([["4043754792", [color || theme.palette.accents_8]]])
  }, /*#__PURE__*/React.createElement("rect", {
    x: "3",
    y: "3",
    width: "18",
    height: "18",
    rx: "2",
    ry: "2",
    className: _JSXStyle.dynamic([["4043754792", [color || theme.palette.accents_8]]])
  }), !active && /*#__PURE__*/React.createElement("path", {
    d: "M12 8v8",
    className: _JSXStyle.dynamic([["4043754792", [color || theme.palette.accents_8]]])
  }), /*#__PURE__*/React.createElement("path", {
    d: "M8 12h8",
    className: _JSXStyle.dynamic([["4043754792", [color || theme.palette.accents_8]]])
  }), /*#__PURE__*/React.createElement(_JSXStyle, {
    id: "4043754792",
    dynamic: [color || theme.palette.accents_8]
  }, "svg.__jsx-style-dynamic-selector{color:".concat(color || theme.palette.accents_8, ";}")));
};
TreeStatusIcon.displayName = 'TreeStatusIcon';
export default TreeStatusIcon;