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

export const IconKeyboardOutline = 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-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M6 8C6.55228 8 7 7.55228 7 7 7 6.44772 6.55228 6 6 6 5.44772 6 5 6.44772 5 7 5 7.55228 5.44772 8 6 8ZM7 10C7 10.5523 6.55228 11 6 11 5.44772 11 5 10.5523 5 10 5 9.44772 5.44772 9 6 9 6.55228 9 7 9.44772 7 10ZM10 8C10.5523 8 11 7.55228 11 7 11 6.44772 10.5523 6 10 6 9.44771 6 9 6.44772 9 7 9 7.55228 9.44771 8 10 8ZM11 10C11 10.5523 10.5523 11 10 11 9.44771 11 9 10.5523 9 10 9 9.44772 9.44771 9 10 9 10.5523 9 11 9.44772 11 10ZM14 8C14.5523 8 15 7.55228 15 7 15 6.44772 14.5523 6 14 6 13.4477 6 13 6.44772 13 7 13 7.55228 13.4477 8 14 8ZM15 10C15 10.5523 14.5523 11 14 11 13.4477 11 13 10.5523 13 10 13 9.44772 13.4477 9 14 9 14.5523 9 15 9.44772 15 10ZM5.75 12.5C5.33579 12.5 5 12.8358 5 13.25 5 13.6642 5.33579 14 5.75 14H14.25C14.6642 14 15 13.6642 15 13.25 15 12.8358 14.6642 12.5 14.25 12.5H5.75Z"
          fill={color}
        />
        <path
          d="M3 3.25C2.0335 3.25 1.25 4.0335 1.25 5V15C1.25 15.9665 2.0335 16.75 3 16.75H17C17.9665 16.75 18.75 15.9665 18.75 15V5C18.75 4.0335 17.9665 3.25 17 3.25H3ZM2.75 5C2.75 4.86193 2.86193 4.75 3 4.75H17C17.1381 4.75 17.25 4.86193 17.25 5V15C17.25 15.1381 17.1381 15.25 17 15.25H3C2.86193 15.25 2.75 15.1381 2.75 15V5Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconKeyboardOutline.displayName = "IconKeyboardOutline";

export default IconKeyboardOutline;