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

export const IconProPlanSolid = 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-pro-plan-solid`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M2.23974 8.23362L6.35103 3.66552C6.44586 3.56016 6.58094 3.5 6.72268 3.5H13.5188C13.6655 3.5 13.8047 3.56441 13.8997 3.67618L17.7814 8.2428C17.9076 8.39135 17.9084 8.6093 17.7832 8.75875L10.6214 17.3067C10.4256 17.5404 10.068 17.5459 9.86503 17.3184L2.23854 8.76745C2.10277 8.61523 2.10329 8.38523 2.23974 8.23362Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconProPlanSolid.displayName = "IconProPlanSolid";

export default IconProPlanSolid;