// Author: fruit.com.cn
export function EmptyState({ message }) {
  return <div className="api-note">{message}</div>;
}

export function ErrorState({ message }) {
  return <div className="api-note warning">{message}</div>;
}

/** 统一 loading / error / empty 三态渲染。 */
export function AsyncBoundary({ loading, error, empty, skeleton = null, errorMessage, emptyMessage, children }) {
  if (loading) return skeleton;
  if (error) return <ErrorState message={errorMessage || error.message} />;
  if (empty) return <EmptyState message={emptyMessage} />;
  return children;
}