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

export const IconCloseCircleSolid = 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-close-circle-solid`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M10.0001 18.3334C14.6025 18.3334 18.3334 14.6025 18.3334 10.0001C18.3334 5.39771 14.6025 1.66675 10.0001 1.66675C5.39771 1.66675 1.66675 5.39771 1.66675 10.0001C1.66675 14.6025 5.39771 18.3334 10.0001 18.3334ZM9.99998 9.11621L12.0458 7.0704L12.9297 7.95429L10.8839 10.0001L12.9297 12.0459L12.0458 12.9298L9.99998 10.884L7.95419 12.9298L7.07031 12.0459L9.1161 10.0001L7.07031 7.95432L7.95419 7.07044L9.99998 9.11621Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconCloseCircleSolid.displayName = "IconCloseCircleSolid";

export default IconCloseCircleSolid;