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

export const IconTextAlignTop = 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-align-top`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M16.6666 2.91675H3.33325V4.58341H16.6666V2.91675ZM15.8333 7.08341C15.8333 6.62318 15.4602 6.25008 14.9999 6.25008H4.99992C4.53969 6.25008 4.16659 6.62318 4.16659 7.08341V8.75008H5.83325V8.33341C5.83325 8.1033 6.0198 7.91675 6.24992 7.91675H9.16658V15.8334H7.08325V17.0834C7.08325 17.3135 7.2698 17.5001 7.49992 17.5001H12.4999C12.73 17.5001 12.9166 17.3135 12.9166 17.0834V15.8334H10.8333V7.91675H13.7499C13.98 7.91675 14.1666 8.1033 14.1666 8.33341V8.75008H15.8333V7.08341Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconTextAlignTop.displayName = "IconTextAlignTop";

export default IconTextAlignTop;