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

export const IconSubscriptionSolid = 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-subscription-solid`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M7.01232 7.77374 3.46207 4.41136C3.17447 4.13898 2.70834 4.40551 2.79722 4.79154L4.75511 13.2953C4.80065 13.5157 5.0016 13.7232 5.24988 13.7232L14.7499 13.7232C14.9981 13.7232 15.187 13.5318 15.2446 13.2953L17.202 4.79369C17.291 4.40749 16.8244 4.14099 16.5369 4.41378L12.9958 7.77374 10.4599 2.66431C10.2764 2.29454 9.74916 2.29388 9.56472 2.66319L7.01232 7.77374ZM5.74988 15C5.33566 15 4.99988 15.3358 4.99988 15.75 4.99988 16.1643 5.33566 16.5 5.74988 16.5L14.2499 16.5C14.6641 16.5 14.9999 16.1643 14.9999 15.75 14.9999 15.3358 14.6641 15 14.2499 15L5.74988 15Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconSubscriptionSolid.displayName = "IconSubscriptionSolid";

export default IconSubscriptionSolid;