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

export const IconBioThemeSolid = 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-bio-theme-solid`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M1.5 5C1.5 3.89543 2.39543 3 3.5 3H9.25V17H3.5C2.39543 17 1.5 16.1046 1.5 15V5ZM6 6C6 6.82843 5.32843 7.5 4.5 7.5C3.67157 7.5 3 6.82843 3 6C3 5.17157 3.67157 4.5 4.5 4.5C5.32843 4.5 6 5.17157 6 6ZM3.75 9C3.33579 9 3 9.33579 3 9.75C3 10.1642 3.33579 10.5 3.75 10.5H5.75C6.16421 10.5 6.5 10.1642 6.5 9.75C6.5 9.33579 6.16421 9 5.75 9H3.75ZM3 12.75C3 12.3358 3.33579 12 3.75 12H7C7.41421 12 7.75 12.3358 7.75 12.75C7.75 13.1642 7.41421 13.5 7 13.5H3.75C3.33579 13.5 3 13.1642 3 12.75Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
        <path
          d="M10.75 17H16.5C17.6046 17 18.5 16.1046 18.5 15V5C18.5 3.89543 17.6046 3 16.5 3H10.75V17Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconBioThemeSolid.displayName = "IconBioThemeSolid";

export default IconBioThemeSolid;