interface PersonGuideProps {
  error: string | null;
}

export function PersonGuide({ error }: PersonGuideProps) {
  return (
    <aside className="card-agriculture p-5 md:p-6">
      <h3 className="text-lg font-black text-card-foreground">人员字典怎么用？</h3>
      <div className="mt-5 grid gap-4 text-sm font-bold text-muted-foreground">
        <div className="flex items-center gap-3 rounded-2xl bg-muted px-4 py-3"><span className="h-3 w-3 rounded-full bg-success shadow-[0_0_0_5px_rgba(16,185,129,0.14)]" />项目负责人关联 Program</div>
        <div className="flex items-center gap-3 rounded-2xl bg-muted px-4 py-3"><span className="h-3 w-3 rounded-full bg-warning shadow-[0_0_0_5px_rgba(132,204,22,0.14)]" />试验联系人关联 Trial / Study</div>
        <div className="flex items-center gap-3 rounded-2xl bg-muted px-4 py-3"><span className="h-3 w-3 rounded-full bg-info shadow-[0_0_0_5px_rgba(8,145,178,0.14)]" />数据录入人用于审计追踪</div>
      </div>
      {error ? <div className="mt-4 rounded-2xl border border-destructive/20 bg-destructive/10 px-4 py-3 text-sm font-bold text-destructive">{error}</div> : null}
    </aside>
  );
}
