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

export const IconStockBicolor = 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-stock-bicolor`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          opacity=".5"
          d="M14.6666 3.33333C15.7711 3.33333 16.6666 4.22876 16.6666 5.33333V10.6667C16.6666 11.6577 15.9457 12.4804 14.9997 12.6391L14.9999 8C14.9999 6.34314 13.6567 4.99999 11.9999 4.99999L7.36084 5.00019C7.51945 4.05419 8.34216 3.33333 9.33322 3.33333H14.6666Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
        <path
          d="M13.9999 8.00001C13.9999 6.89545 13.1045 6.00002 11.9999 6.00002H5.33325C4.22869 6.00002 3.33325 6.89545 3.33325 8.00001V14.6667C3.33325 15.7713 4.22869 16.6667 5.33325 16.6667H11.9999C13.1045 16.6667 13.9999 15.7713 13.9999 14.6667V8.00001ZM8.22407 8.70907C8.33739 8.55311 8.48486 8.42787 8.66656 8.33334C8.8482 8.42786 8.99568 8.5531 9.10899 8.70907C9.5004 9.24781 9.58385 9.91633 9.39128 10.5038C9.89168 10.1401 10.5533 10.0128 11.1867 10.2186C11.3702 10.2782 11.535 10.3799 11.6808 10.5235C11.6469 10.7254 11.5734 10.9043 11.4601 11.0602C11.0688 11.5989 10.4589 11.8848 9.84071 11.8835C10.3411 12.247 10.6665 12.8368 10.6665 13.5027C10.6665 13.6953 10.6209 13.8831 10.5299 14.0667C10.3272 14.0971 10.1341 14.0824 9.95061 14.0228C9.31791 13.8172 8.85774 13.3262 8.66678 12.7385C8.47541 13.3261 8.01521 13.8172 7.38245 14.0228C7.19975 14.0822 7.00755 14.0969 6.80364 14.0668C6.71223 13.8835 6.66653 13.6955 6.66653 13.5027C6.66653 12.8369 6.99188 12.247 7.49224 11.8848C6.87389 11.8847 6.26418 11.5987 5.87293 11.0602C5.75953 10.9041 5.68596 10.725 5.65259 10.523C5.79855 10.3796 5.96315 10.2781 6.14639 10.2186C6.77974 10.0128 7.44138 10.1401 7.94047 10.5046C7.74921 9.91633 7.83265 9.24781 8.22407 8.70907Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconStockBicolor.displayName = "IconStockBicolor";

export default IconStockBicolor;