import React from 'react';
import '../index.css';
export default function SparkDevicesLine(props) {
  const { size, spin, ...restProps } = props;
  const icon = 'spark-icon spark-icon-spark-devices-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-devices-line',
    children: [
      React.createElement('svg', Object.assign({
        key: 'spark-devices-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="M294.4 217.6v102.4H220.7744c-35.328 0-64 28.672-64 64v422.4c0 35.328 28.672 64 64 64H806.4c35.328 0 64-28.672 64-64V217.6C870.4 182.272 841.728 153.6 806.4 153.6H358.4c-35.328 0-64 28.672-64 64z m512 588.8h-272.0256V384c0-35.328-28.672-64-64-64H358.4v-102.4h448v588.8z m-336.0256 0H220.8768V384h249.6v422.4z m-143.9744-102.4a25.6 25.6 0 0 0 0 51.2h38.4a25.6 25.6 0 0 0 0-51.2h-38.4z m249.6 0a25.6 25.6 0 0 0 0 51.2H614.4a25.6 25.6 0 0 0 0-51.2h-38.4z"></path>' },
      }))
    ],
  }))
}