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

export const IconExpandRightOutline = 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-expand-right-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M12.4697 7.80273C12.7626 7.51013 13.2374 7.51013 13.5303 7.80273C13.8231 8.09555 13.8229 8.57037 13.5303 8.86328L12.3945 9.99902L13.5303 11.1357C13.823 11.4285 13.8228 11.9034 13.5303 12.1963C13.2374 12.4892 12.7626 12.4892 12.4697 12.1963L10.8027 10.5303C10.5102 10.2375 10.5102 9.76257 10.8027 9.46973L12.4697 7.80273Z"
          fill={color}
        />
        <path
          d="M15 3.25C16.5188 3.25 17.75 4.48122 17.75 6V14C17.75 15.5188 16.5188 16.75 15 16.75H5C3.48122 16.75 2.25 15.5188 2.25 14V6C2.25 4.48122 3.48122 3.25 5 3.25H15ZM5 4.75C4.30964 4.75 3.75 5.30964 3.75 6V14C3.75 14.6904 4.30964 15.25 5 15.25H6.75V4.75H5ZM8.25 4.75V15.25H15C15.6904 15.25 16.25 14.6904 16.25 14V6C16.25 5.30964 15.6904 4.75 15 4.75H8.25Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconExpandRightOutline.displayName = "IconExpandRightOutline";

export default IconExpandRightOutline;