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

export const IconProductionDesignSolid = 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-production-design-solid`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M13.29 12.4678C13.8384 12.4678 14.1122 12.7418 14.1123 13.29V17.6777C14.1122 18.2258 13.8383 18.5 13.29 18.5H6.70996C6.16171 18.5 5.88686 18.2258 5.88672 17.6777V13.29C5.88678 12.7418 6.16163 12.4678 6.70996 12.4678H13.29Z"
          fill={color}
        />
        <path
          d="M13.29 1.5C14.3428 1.5 15.2097 2.36623 15.21 3.41895V4.79004H16.0322C17.3921 4.79004 18.4999 5.89793 18.5 7.25781V13.29C18.5 14.65 17.3922 15.7578 16.0322 15.7578H15.21V13.29C15.2099 11.996 14.5841 11.3711 13.29 11.3711H6.70996C5.41586 11.3711 4.79013 11.996 4.79004 13.29V15.7578H3.96777C2.60777 15.7578 1.5 14.65 1.5 13.29V7.25781C1.50014 5.89793 2.60786 4.79004 3.96777 4.79004H4.79004V3.41895C4.79026 2.36623 5.65719 1.5 6.70996 1.5H13.29ZM12.1934 8.08105C11.7438 8.08116 11.3711 8.45371 11.3711 8.90332C11.3711 9.35289 11.7438 9.72548 12.1934 9.72559H14.3867C14.8364 9.72559 15.2099 9.35296 15.21 8.90332C15.21 8.45364 14.8364 8.08105 14.3867 8.08105H12.1934ZM6.70996 3.14551C6.55655 3.14551 6.43576 3.26559 6.43555 3.41895V4.79004H13.5645V3.41895C13.5642 3.26559 13.4435 3.14551 13.29 3.14551H6.70996Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconProductionDesignSolid.displayName = "IconProductionDesignSolid";

export default IconProductionDesignSolid;