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

export const IconLocalOutline = 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-local-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M9.375 3.4041C6.21496 3.69978 3.69978 6.21496 3.4041 9.375H1.5V10.625H3.4041C3.69978 13.785 6.21496 16.3002 9.375 16.5959V18.5H10.625V16.5959C13.785 16.3002 16.3002 13.785 16.5959 10.625H18.5V9.375H16.5959C16.3002 6.21496 13.785 3.69978 10.625 3.40409V1.5H9.375V3.4041ZM9.375 4.66095V6.5H10.625V4.66095C13.094 4.94686 15.0531 6.90596 15.3391 9.375H13.5V10.625H15.3391C15.0531 13.094 13.094 15.0531 10.625 15.3391V13.5H9.375V15.3391C6.90596 15.0531 4.94686 13.094 4.66095 10.625H6.5V9.375H4.66095C4.94686 6.90596 6.90596 4.94686 9.375 4.66095Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconLocalOutline.displayName = "IconLocalOutline";

export default IconLocalOutline;