import React from 'react';
import '../index.css';
export default function SparkRecordingsAndNotesLine(props) {
  const { size, spin, ...restProps } = props;
  const icon = 'spark-icon spark-icon-spark-recordingsAndNotes-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-recordingsAndNotes-line',
    children: [
      React.createElement('svg', Object.assign({
        key: 'spark-recordingsAndNotes-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="M619.0592 172.032l-453.9904 453.9904a38.4 38.4 0 0 0-10.752 20.8384l-28.3648 170.5472a38.4 38.4 0 0 0 44.1856 44.1856l170.5984-28.3648a38.4 38.4 0 0 0 20.8384-10.752l453.9904-453.9904a38.4 38.4 0 0 0 0-54.272L673.3824 172.032a38.4 38.4 0 0 0-54.272 0z m-402.944 493.4144l430.08-430.08 105.984 105.984-430.08 430.08-127.1296 21.1456 21.1456-127.1296z m490.8032 165.1712V609.792a32 32 0 1 1 64 0v220.8256a32 32 0 1 1-64 0z m-128-64V673.792a32 32 0 0 1 64 0v92.8256a32 32 0 1 1-64 0z m256 0V673.792a32 32 0 0 1 64 0v92.8256a32 32 0 1 1-64 0z"></path>' },
      }))
    ],
  }))
}