/**
 * 配置性界面的空状态组件（无引导按钮）
 * 仅提示用户当前没有配置数据
 */
import React from "react";
import type { LucideIcon } from "lucide-react";

interface EmptyStateSimpleProps {
  /** 标题 */
  title: string;
  /** 描述文字 */
  description: string;
  /** 图标组件 */
  Icon: LucideIcon;
  /** 自定义样式（可选） */
  className?: string;
}

export const EmptyStateSimple: React.FC<EmptyStateSimpleProps> = ({
  title,
  description,
  Icon,
  className = "",
}) => {
  return (
    <div className={`bg-white border border-slate-200 rounded-lg p-8 text-center ${className}`}>
      <Icon className="w-16 h-16 text-gray-600 mx-auto mb-4" />
      <h3 className="text-lg font-semibold text-slate-700 mb-2">{title}</h3>
      <p className="text-slate-500">{description}</p>
    </div>
  );
};