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

export const IconTextAlignTopOutline = 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-outline`,
    };
    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.3333V4.58341H16.6666V2.91675ZM15.8333 7.08341C15.8333 6.62318 15.4602 6.25008 15 6.25008H4.99996C4.53973 6.25008 4.16663 6.62318 4.16663 7.08341V8.75008H5.8333V8.33341C5.8333 8.1033 6.01985 7.91675 6.24996 7.91675H9.16663V15.8334H7.0833V17.0834C7.0833 17.3135 7.26985 17.5001 7.49996 17.5001H12.5C12.73 17.5001 12.9166 17.3135 12.9166 17.0834V15.8334H10.8333V7.91675H13.75C13.98 7.91675 14.1666 8.1033 14.1666 8.33341V8.75008H15.8333V7.08341Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconTextAlignTopOutline.displayName = "IconTextAlignTopOutline";

export default IconTextAlignTopOutline;