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 VisibleIconV3 = function VisibleIconV3(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: "M12 6.86667C15.4455 6.86667 18.5182 8.85467 20.0182 12C18.5182 15.1453 15.4455 17.1333 12 17.1333C8.55455 17.1333 5.48182 15.1453 3.98182 12C5.48182 8.85467 8.55455 6.86667 12 6.86667ZM12 5C7.45455 5 3.57273 7.90267 2 12C3.57273 16.0973 7.45455 19 12 19C16.5455 19 20.4273 16.0973 22 12C20.4273 7.90267 16.5455 5 12 5ZM12 9.66667C13.2545 9.66667 14.2727 10.712 14.2727 12C14.2727 13.288 13.2545 14.3333 12 14.3333C10.7455 14.3333 9.72727 13.288 9.72727 12C9.72727 10.712 10.7455 9.66667 12 9.66667ZM12 7.8C9.74545 7.8 7.90909 9.68533 7.90909 12C7.90909 14.3147 9.74545 16.2 12 16.2C14.2545 16.2 16.0909 14.3147 16.0909 12C16.0909 9.68533 14.2545 7.8 12 7.8Z",
    fill: getObjectValue(props.theme.colors, props.iconColor, props.theme.colors.grey.deep)
  })));
};

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

export default VisibleIconV3$1;
