import React from 'react';
import '../index.css';
export default function SparkKeyboardLine(props) {
  const { size, spin, ...restProps } = props;
  const icon = 'spark-icon spark-icon-spark-keyboard-line';
  const className = [
    icon,
    spin ? 'spark-icon-spin' : '',
    props.className || ''
  ].filter(Boolean).join(' ');
  
  return React.createElement('span', Object.assign({}, restProps, {
    className: className,
    style: {
      ...props.style,
      fontSize: size || props.style?.fontSize || undefined,
      cursor: props.onClick ? 'pointer' : props.style?.cursor
    },
    role: 'img',
    'aria-label': 'spark-keyboard-line',
    children: [
      React.createElement('svg', Object.assign({
        key: 'spark-keyboard-line',
        'data-spark-icon': true, // 标识为 spark-icon 组件
        width: '1em',
        height: '1em',
        viewBox: '0 0 1024 1024',
        overflow: 'hidden',
        fill: 'currentColor',
        'aria-hidden': 'true',
        dangerouslySetInnerHTML: { __html: '<path d="M102.4 787.2V236.8c0-35.3472 28.6528-64 64-64h691.2c35.3472 0 64 28.6528 64 64v550.4c0 35.3472-28.6528 64-64 64H166.4c-35.3472 0-64-28.6528-64-64z m64 0h691.2V236.8H166.4v550.4z"></path><path d="M262.4 345.6h76.8v76.8H262.4v-76.8zM262.4 473.6h76.8v76.8H262.4v-76.8zM403.2 345.6h76.8v76.8h-76.8v-76.8zM403.2 473.6h76.8v76.8h-76.8v-76.8zM544 345.6h76.8v76.8h-76.8v-76.8zM544 473.6h76.8v76.8h-76.8v-76.8zM684.8 345.6h76.8v76.8h-76.8v-76.8zM684.8 473.6h76.8v76.8h-76.8v-76.8zM268.8 672c0-17.6736 14.3264-32 32-32h409.6c17.6736 0 32 14.3264 32 32s-14.3264 32-32 32H300.8c-17.6736 0-32-14.3264-32-32z"></path>' },
      }))
    ],
  }))
}