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

export const IconSuccessSolid = 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-success-solid`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M2.55204 10.3078C1.97657 10.9037 1.99315 11.8533 2.58906 12.4288L7.22093 16.9018C7.83125 17.4911 8.78653 17.4473 9.34601 16.8613C9.90549 16.2753 15.1761 8.32129 17.3483 5.10084C17.8115 4.41404 17.6303 3.48174 16.9435 3.01849L16.7991 2.92108C16.1354 2.47339 15.237 2.62585 14.7582 3.26747L7.91061 12.6243L4.72979 9.97346C4.12471 9.50651 3.26529 9.56919 2.73436 10.119L2.55204 10.3078Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconSuccessSolid.displayName = "IconSuccessSolid";

export default IconSuccessSolid;