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

export const IconAlignTop = 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-align-top`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M16 4.90997C16.4142 4.90997 16.75 4.57419 16.75 4.15997 16.75 3.74576 16.4142 3.40997 16 3.40997H4C3.58579 3.40997 3.25 3.74576 3.25 4.15997 3.25 4.57419 3.58579 4.90997 4 4.90997H16ZM12.8563 10.2747C12.5634 10.5676 12.0885 10.5676 11.7956 10.2747L10.75 9.22912 10.75 17.0767C10.75 17.4909 10.4142 17.8267 10 17.8267 9.58579 17.8267 9.25 17.4909 9.25 17.0767L9.25 9.22912 8.2044 10.2747C7.91151 10.5676 7.43664 10.5676 7.14374 10.2747 6.85085 9.98182 6.85085 9.50695 7.14374 9.21405L9.46967 6.88813C9.76256 6.59523 10.2374 6.59523 10.5303 6.88813L12.8563 9.21405C13.1492 9.50695 13.1492 9.98182 12.8563 10.2747Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconAlignTop.displayName = "IconAlignTop";

export default IconAlignTop;