import React from 'react';

interface BaobiaotubiaoIconProps {
  width?: number;
  height?: number;
  fill?: string;
  className?: string;
  style?: React.CSSProperties;
}

/**
 * 报表图标组件 - 用于查核项管理页面
 */
const BaobiaotubiaoIcon: React.FC<BaobiaotubiaoIconProps> = ({
  width = 16,
  height = 16,
  fill = '#3B82F6',
  className,
  style,
}) => {
  return (
    <svg
      width={width}
      height={height}
      viewBox="0 0 16 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
      style={style}
    >
      {/* 背景圆角矩形 */}
      <rect x="2" y="2" width="12" height="12" rx="2" fill={fill} />

      {/* 报表图标 - 表格线条 */}
      <rect x="4" y="4" width="8" height="1" rx="0.5" fill="white" />
      <rect x="4" y="6" width="8" height="1" rx="0.5" fill="white" />
      <rect x="4" y="8" width="8" height="1" rx="0.5" fill="white" />
      <rect x="4" y="10" width="8" height="1" rx="0.5" fill="white" />

      {/* 垂直分割线 */}
      <rect
        x="7"
        y="4"
        width="1"
        height="8"
        rx="0.5"
        fill="white"
        opacity="0.6"
      />
      <rect
        x="10"
        y="4"
        width="1"
        height="8"
        rx="0.5"
        fill="white"
        opacity="0.6"
      />
    </svg>
  );
};

export default BaobiaotubiaoIcon;
