import { forwardRef } from "react";
import type { IconProps } from "../../types";

export const IconMapPinOutline = forwardRef<SVGSVGElement, IconProps>(
  ({ color = "currentColor", ...props }, forwardedRef) => {
    const { className } = props;
    props = {
      ...props,
      width: `${props.width || props.size || 20}`,
      height: `${props.height || props.size || 20}`,
      className: `${
        className ? className + " " : ""
      }customeow-icon customeow-icon-icon-map-pin-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M10 3.25C6.96243 3.25 4.5 5.71243 4.5 8.75C4.5 11.4508 5.91818 13.6164 7.41154 15.1454C8.1535 15.905 8.89759 16.49 9.45617 16.8846C9.66888 17.0348 9.8537 17.1568 10 17.2497C10.1463 17.1568 10.3311 17.0348 10.5438 16.8846C11.1024 16.49 11.8465 15.905 12.5885 15.1454C14.0818 13.6164 15.5 11.4508 15.5 8.75C15.5 5.71243 13.0376 3.25 10 3.25ZM10 18.125C9.63972 18.7828 9.63946 18.7827 9.63917 18.7825L9.63849 18.7821L9.63668 18.7811L9.63138 18.7782L9.61409 18.7685C9.59964 18.7604 9.57941 18.7489 9.55378 18.734C9.50254 18.7043 9.42965 18.6612 9.33821 18.6049C9.15543 18.4924 8.89797 18.3268 8.5907 18.1097C7.97741 17.6764 7.159 17.0336 6.33846 16.1935C4.70682 14.5229 3 12.001 3 8.75C3 4.88401 6.13401 1.75 10 1.75C13.866 1.75 17 4.88401 17 8.75C17 12.001 15.2932 14.5229 13.6615 16.1935C12.841 17.0336 12.0226 17.6764 11.4093 18.1097C11.102 18.3268 10.8446 18.4924 10.6618 18.6049C10.5704 18.6612 10.4975 18.7043 10.4462 18.734C10.4206 18.7489 10.4004 18.7604 10.3859 18.7685L10.3686 18.7782L10.3633 18.7811L10.3615 18.7821L10.3608 18.7825C10.3605 18.7827 10.3603 18.7828 10 18.125ZM10 18.125L10.3603 18.7828C10.1358 18.9057 9.86417 18.9057 9.63972 18.7828L10 18.125ZM10 7C9.0335 7 8.25 7.7835 8.25 8.75C8.25 9.7165 9.0335 10.5 10 10.5C10.9665 10.5 11.75 9.7165 11.75 8.75C11.75 7.7835 10.9665 7 10 7ZM6.75 8.75C6.75 6.95507 8.20507 5.5 10 5.5C11.7949 5.5 13.25 6.95507 13.25 8.75C13.25 10.5449 11.7949 12 10 12C8.20507 12 6.75 10.5449 6.75 8.75Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconMapPinOutline.displayName = "IconMapPinOutline";

export default IconMapPinOutline;