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

export const IconTextColorOutline = 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-text-color-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M14.9996 15.7495C15.4137 15.7495 15.7494 16.0855 15.7496 16.4995 15.7496 16.9137 15.4139 17.2495 14.9996 17.2495H4.99964C4.58559 17.2493 4.24964 16.9136 4.24964 16.4995 4.24989 16.0857 4.58574 15.7497 4.99964 15.7495H14.9996ZM5.59534 14.0073C5.43063 14.3872 4.98893 14.5614 4.60901 14.397 4.22905 14.2323 4.05378 13.7907 4.21839 13.4107L5.59534 14.0073Z"
          fill={color}
        />
        <path
          d="M8.72034 3.0386C9.25869 2.01539 10.7416 2.01535 11.2799 3.0386L11.3307 3.14407L15.7809 13.4107C15.9456 13.7907 15.7712 14.2322 15.3912 14.397C15.0113 14.5616 14.5697 14.3872 14.4049 14.0073L13.0778 10.9468H6.92151L5.59534 14.0073L4.90687 13.7085L4.21839 13.4107L8.66956 3.14407L8.72034 3.0386ZM7.57191 9.4468H12.4274L9.99964 3.84621L7.57191 9.4468Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconTextColorOutline.displayName = "IconTextColorOutline";

export default IconTextColorOutline;