import React from 'react';
import '../index.css';
export default function SparkErrorCircleFill(props) {
  const { size, spin, ...restProps } = props;
  const icon = 'spark-icon spark-icon-spark-errorCircle-fill';
  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-errorCircle-fill',
    children: [
      React.createElement('svg', Object.assign({
        key: 'spark-errorCircle-fill',
        '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="M896 512c0 212.0768-171.9232 384-384 384S128 724.0768 128 512 299.9232 128 512 128s384 171.9232 384 384z m-265.3728-73.3728A32.0064 32.0064 0 0 0 608 384a32 32 0 0 0-22.6272 9.3728L512 466.7456l-73.3728-73.376A32 32 0 0 0 416 384c-17.6736 0-32 14.3264-32 32a32 32 0 0 0 9.3728 22.6272L466.7456 512l-73.376 73.3728A32 32 0 0 0 384 608a32.0064 32.0064 0 1 0 54.6272 22.6272L512 557.2544l73.3728 73.3728a32.0032 32.0032 0 0 0 45.2544-45.2544L557.2544 512l73.3728-73.3728z"></path>' },
      }))
    ],
  }))
}