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

export const IconKeyboardSolid = 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-keyboard-solid`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M3.5 4C2.67157 4 2 4.67157 2 5.5V14.5C2 15.3284 2.67157 16 3.5 16H16.5C17.3284 16 18 15.3284 18 14.5V5.5C18 4.67157 17.3284 4 16.5 4H3.5ZM6.8 7C6.8 7.55228 6.35229 8 5.8 8C5.24772 8 4.8 7.55228 4.8 7C4.8 6.44772 5.24772 6 5.8 6C6.35229 6 6.8 6.44772 6.8 7ZM6.80001 10.3C6.80001 10.8523 6.35229 11.3 5.80001 11.3C5.24772 11.3 4.80001 10.8523 4.80001 10.3C4.80001 9.74772 5.24772 9.3 5.80001 9.3C6.35229 9.3 6.80001 9.74772 6.80001 10.3ZM9.99991 8C10.5522 8 10.9999 7.55228 10.9999 7C10.9999 6.44772 10.5522 6 9.99991 6C9.44763 6 8.99991 6.44772 8.99991 7C8.99991 7.55228 9.44763 8 9.99991 8ZM10.9999 10.3C10.9999 10.8523 10.5522 11.3 9.99991 11.3C9.44763 11.3 8.99991 10.8523 8.99991 10.3C8.99991 9.74772 9.44763 9.3 9.99991 9.3C10.5522 9.3 10.9999 9.74772 10.9999 10.3ZM5.75 12.65C5.33579 12.65 5 12.9857 5 13.4C5 13.8142 5.33579 14.15 5.75 14.15H14.25C14.6642 14.15 15 13.8142 15 13.4C15 12.9857 14.6642 12.65 14.25 12.65H5.75ZM15.2 7C15.2 7.55228 14.7523 8 14.2 8C13.6477 8 13.2 7.55228 13.2 7C13.2 6.44772 13.6477 6 14.2 6C14.7523 6 15.2 6.44772 15.2 7ZM14.2 11.3C14.7523 11.3 15.2 10.8523 15.2 10.3C15.2 9.74772 14.7523 9.3 14.2 9.3C13.6477 9.3 13.2 9.74772 13.2 10.3C13.2 10.8523 13.6477 11.3 14.2 11.3Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconKeyboardSolid.displayName = "IconKeyboardSolid";

export default IconKeyboardSolid;