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

export const IconTextAlignBottomOutline = 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-bottom-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M16.6666 15.4167H3.3333V17.0834H16.6666V15.4167ZM15.8333 3.75008C15.8333 3.28985 15.4602 2.91675 15 2.91675H4.99996C4.53973 2.91675 4.16663 3.28985 4.16663 3.75008V5.41675H5.8333V5.00008C5.8333 4.76996 6.01985 4.58341 6.24996 4.58341H9.16663V12.5001H7.0833V13.7501C7.0833 13.9802 7.26985 14.1667 7.49996 14.1667H12.5C12.73 14.1667 12.9166 13.9802 12.9166 13.7501V12.5001H10.8333V4.58341H13.75C13.98 4.58341 14.1666 4.76996 14.1666 5.00008V5.41675H15.8333V3.75008Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconTextAlignBottomOutline.displayName = "IconTextAlignBottomOutline";

export default IconTextAlignBottomOutline;