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

export const IconAlignRightOutline = 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-right-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M15.0867 4C15.0867 3.58579 15.4225 3.25 15.8367 3.25 16.2509 3.25 16.5867 3.58579 16.5867 4L16.5867 16C16.5867 16.4142 16.2509 16.75 15.8367 16.75 15.4225 16.75 15.0867 16.4142 15.0867 16L15.0867 4ZM9.72193 7.14374C9.42904 7.43664 9.42904 7.91151 9.72193 8.2044L10.7675 9.25H2.91998C2.50577 9.25 2.16998 9.58579 2.16998 10 2.16998 10.4142 2.50577 10.75 2.91998 10.75H10.7675L9.72193 11.7956C9.42904 12.0885 9.42904 12.5634 9.72193 12.8563 10.0148 13.1492 10.4897 13.1492 10.7826 12.8563L13.1085 10.5303C13.4014 10.2374 13.4014 9.76256 13.1085 9.46967L10.7826 7.14374C10.4897 6.85085 10.0148 6.85085 9.72193 7.14374Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconAlignRightOutline.displayName = "IconAlignRightOutline";

export default IconAlignRightOutline;