src/app/components/analysis/HelpSkillButton.tsx

import { HelpCircle } from "lucide-react";

export function HelpSkillButton({ disabled, onClick }: { disabled?: boolean; onClick: () => void }) {
  return (
    <button
      type="button"
      aria-label="Run help skill"
      title="Ask the Python Help skill for contextual guidance in this active analysis"
      onClick={onClick}
      disabled={disabled}
      className="inline-flex h-10 items-center gap-2 rounded-md border border-slate-200 px-3 text-sm font-medium text-slate-700 hover:bg-slate-50 disabled:cursor-not-allowed disabled:opacity-50"
    >
      <HelpCircle className="h-4 w-4" />
      Help
    </button>
  );
}