import { IconAlertTriangle, IconRefresh } from '@douyinfe/semi-icons';

export function PageLoading({ label = '正在加载车辆数据' }: { label?: string }) {
  return <section className="v2-page-state" role="status" aria-live="polite">
    <header><span className="v2-spinner" /><div><strong>{label}</strong><small>导航与筛选状态已保留</small></div></header>
    <div className="v2-page-skeleton"><i /><i /><i /><i /></div>
  </section>;
}

export function InlineError({ message, onRetry }: { message: string; onRetry?: () => void }) {
  return (
    <div className="v2-inline-state is-error" role="alert">
      <IconAlertTriangle />
      <span>{message}</span>
      {onRetry ? <button type="button" onClick={onRetry}><IconRefresh />重试</button> : null}
    </div>
  );
}

export function EmptyState({ title = '暂无符合条件的车辆' }: { title?: string }) {
  return <div className="v2-inline-state"><span>{title}</span></div>;
}
