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-shein-icon customeow-shein-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 5.27856C8.05448 5.27856 6.47729 6.85575 6.47729 8.80132C6.47729 10.7469 8.05448 12.3241 10 12.3241C11.9456 12.3241 13.5228 10.7469 13.5228 8.80132C13.5228 6.85575 11.9456 5.27856 10 5.27856ZM7.72729 8.80132C7.72729 7.54611 8.74484 6.52856 10 6.52856C11.2553 6.52856 12.2728 7.54611 12.2728 8.80132C12.2728 10.0565 11.2553 11.0741 10 11.0741C8.74484 11.0741 7.72729 10.0565 7.72729 8.80132Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
        <path
          d="M9.60402 18.5574C9.60416 18.5575 9.60428 18.5576 10.0001 18.0739L9.60402 18.5574L10.0001 18.8814L10.3958 18.5576L10.0001 18.0739C10.3958 18.5576 10.3957 18.5577 10.3958 18.5576L10.3977 18.5561L10.4019 18.5526L10.4171 18.5401L10.4735 18.493C10.5223 18.4521 10.593 18.3921 10.6825 18.3148C10.8614 18.1603 11.1158 17.936 11.4204 17.6545C12.0288 17.0922 12.8418 16.2978 13.6568 15.3717C14.4699 14.4477 15.2968 13.3793 15.9234 12.2685C16.5454 11.1659 17.0001 9.96895 17.0001 8.80108C17.0001 4.93506 13.8661 1.80103 10.0001 1.80103C6.13403 1.80103 3 4.93506 3 8.80108C3 9.96895 3.45474 11.1659 4.07674 12.2685C4.70331 13.3793 5.53022 14.4477 6.34333 15.3717C7.15832 16.2978 7.97135 17.0922 8.57974 17.6545C8.88434 17.936 9.13866 18.1603 9.31761 18.3148C9.40711 18.3921 9.47783 18.4521 9.52663 18.493L9.58304 18.5401L9.5982 18.5526L9.60239 18.5561L9.60402 18.5574ZM4.25 8.80108C4.25 5.62541 6.82439 3.05103 10.0001 3.05103C13.1757 3.05103 15.7501 5.62541 15.7501 8.80108C15.7501 9.66163 15.408 10.638 14.8346 11.6544C14.2659 12.6626 13.499 13.6588 12.7184 14.5459C11.9396 15.4309 11.1589 16.194 10.5719 16.7365C10.3492 16.9424 10.1549 17.1159 10 17.2517C9.84515 17.1159 9.65091 16.9424 9.42816 16.7365C8.84123 16.194 8.0605 15.4309 7.28172 14.5459C6.50107 13.6588 5.73421 12.6626 5.16546 11.6544C4.59214 10.638 4.25 9.66163 4.25 8.80108Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconMapPinOutline.displayName = "IconMapPinOutline";

export default IconMapPinOutline;