import React from "react";
import PropTypes from "prop-types";
import { makeStyles } from "@mui/styles";
const useStyles = makeStyles(() => {
  return {
    geolocIconWrapper: {
      display: "flex",
      alignItems: "center",
      justifyContent: "center"
    },
    geolocIconCircle: {
      stroke: props => props.color,
      fill: "transparent",
      strokeWidth: 1
    },
    geolocIconPoint: {
      fill: props => props.color
    }
  };
});
function Geolocate(_ref) {
  let {
    onClick,
    color = "currentColor",
    className
  } = _ref;
  const classes = useStyles({
    color
  });
  return /*#__PURE__*/React.createElement("svg", {
    xmlns: "http://www.w3.org/2000/svg",
    width: 40,
    height: 40,
    onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(),
    className: className,
    color: "currentColor"
  }, /*#__PURE__*/React.createElement("circle", {
    cx: "20",
    cy: "20",
    r: "10",
    className: classes.geolocIconCircle
  }), /*#__PURE__*/React.createElement("circle", {
    cx: "20",
    cy: "20",
    r: "3",
    className: classes.geolocIconPoint
  }));
}
Geolocate.propTypes = {
  onClick: PropTypes.func,
  color: PropTypes.string,
  className: PropTypes.string
};
export default Geolocate;
//# sourceMappingURL=Geolocate.js.map