import React from 'react';

import { forwardRef } from '../../utils/react';
import { Icon } from '../../icon';

export const KeyboardIcon = forwardRef<typeof Icon>(
  function KeyboardIcon(props, ref) {
    return (
      <Icon ref={ref} {...props}>
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20">
          <path
            stroke="currentColor"
            strokeLinecap="round"
            strokeLinejoin="round"
            strokeWidth="1.4"
            d="M18.5 5h-17v10h17V5ZM4.9 11.67H3.77 4.9Zm7.93 0H7.17h5.66Zm3.4 0H15.1h1.13ZM4.9 8.33H3.77 4.9Zm7.93 0H11.7h1.13Zm3.4 0H15.1h1.13Zm-9.06 0H8.3"
          />
        </svg>
      </Icon>
    );
  },
);