import React from 'react';
import 'react-dom';
import '../../_rollupPluginBabelHelpers-539c1155.js';
import PropTypes from 'prop-types';
import { withTheme } from 'styled-components';
import '../../index-930c2100.js';
import '../../hooks/useActivify.js';
import '../../overlays/tooltip.js';
import '../../key_codes-a5a2b85e.js';
import '../../index-6b96e57a.js';
import '@styled-system/space';
import '@styled-system/color';
import '@styled-system/border';
import '@styled-system/variant';
import '@styled-system/typography';
import '../../style-inject.es-1f59c1d0.js';
import '@styled-system/layout';
import '@styled-system/flexbox';
import '@styled-system/position';
import '@styled-system/shadow';
import '../box.js';
import '../../index.esm-f8e9e79f.js';
import '@styled-system/grid';
import '@styled-system/background';
import { g as getObjectValue } from '../../util-0791ed61.js';
import { I as IconWrapper } from '../../IconWrapper-542de3b8.js';

var DragHandleIcon = function DragHandleIcon(props) {
  return React.createElement(IconWrapper, props, React.createElement("svg", {
    width: "24",
    height: "24",
    viewBox: "0 0 24 24",
    fill: "none",
    xmlns: "http://www.w3.org/2000/svg"
  }, React.createElement("path", {
    d: "M10.8 19.5C10.8 20.875 9.72 22 8.4 22C7.08 22 6 20.875 6 19.5C6 18.125 7.08 17 8.4 17C9.72 17 10.8 18.125 10.8 19.5ZM8.4 9.5C7.08 9.5 6 10.625 6 12C6 13.375 7.08 14.5 8.4 14.5C9.72 14.5 10.8 13.375 10.8 12C10.8 10.625 9.72 9.5 8.4 9.5ZM8.4 2C7.08 2 6 3.125 6 4.5C6 5.875 7.08 7 8.4 7C9.72 7 10.8 5.875 10.8 4.5C10.8 3.125 9.72 2 8.4 2ZM15.6 7C16.92 7 18 5.875 18 4.5C18 3.125 16.92 2 15.6 2C14.28 2 13.2 3.125 13.2 4.5C13.2 5.875 14.28 7 15.6 7ZM15.6 9.5C14.28 9.5 13.2 10.625 13.2 12C13.2 13.375 14.28 14.5 15.6 14.5C16.92 14.5 18 13.375 18 12C18 10.625 16.92 9.5 15.6 9.5ZM15.6 17C14.28 17 13.2 18.125 13.2 19.5C13.2 20.875 14.28 22 15.6 22C16.92 22 18 20.875 18 19.5C18 18.125 16.92 17 15.6 17Z",
    fill: getObjectValue(props.theme.colors, props.iconColor, props.theme.colors.grey.deep)
  })));
};

DragHandleIcon.propTypes = {
  iconColor: PropTypes.string
};
var DragHandleIcon$1 = withTheme(DragHandleIcon);
DragHandleIcon.__docgenInfo = {
  "description": "",
  "methods": [],
  "displayName": "DragHandleIcon",
  "props": {
    "iconColor": {
      "type": {
        "name": "string"
      },
      "required": false,
      "description": ""
    }
  }
};

export default DragHandleIcon$1;
