import React from 'react';
import { FolderPlus } from 'lucide-react';

interface EmptyStateProps {
  title: string;
  description: string;
  actionText: string;
  onAction: () => void;
}

/**
 * 空状态组件
 * 遵循简洁大方的设计风格
 */
export const EmptyState: React.FC<EmptyStateProps> = ({
  title,
  description,
  actionText,
  onAction
}) => {
  return (
    <div className="flex flex-col items-center justify-center py-16 text-center">
      <div className="text-gray-400 mb-6">
        <FolderPlus size={64} />
      </div>
      <h3 className="text-xl font-semibold text-gray-900 mb-2">{title}</h3>
      <p className="text-gray-600 mb-8 max-w-md">{description}</p>
      <button className="btn btn-primary" onClick={onAction}>
        {actionText}
      </button>
    </div>
  );
};