ocdp v1

frontend/src/shared/components/feedback/EmptyStateSimple.tsx

@@ -0,0 +1,33 @@
+/**
+ * 配置性界面的空状态组件（无引导按钮）
+ * 仅提示用户当前没有配置数据
+ */
+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-gray-800/30 border border-gray-700 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-gray-300 mb-2">{title}</h3>
+      <p className="text-gray-400">{description}</p>
+    </div>
+  );
+};
+