import { BookOpen, RefreshCw } from 'lucide-react';
import type { PersonalityQuizWorkflow } from '@/components/personality-quiz/types';

interface PersonalityResultActionsProps {
  readonly workflow: PersonalityQuizWorkflow;
  readonly onViewDirectory: () => void;
}

export function PersonalityResultActions({
  workflow,
  onViewDirectory,
}: PersonalityResultActionsProps) {
  return (
    <div className="flex gap-3 mt-6 pt-4 border-t border-slate-700/40">
      <button
        type="button"
        onClick={workflow.resetQuiz}
        className="flex items-center gap-2 px-5 py-2.5 bg-violet-500/15 text-violet-400 rounded-xl font-medium text-sm hover:bg-violet-500/25 border border-violet-500/20 transition-all"
      >
        <RefreshCw size={14} /> {workflow.showSavedResult ? 'Retake Quiz' : 'Take Again'}
      </button>
      <button
        type="button"
        onClick={onViewDirectory}
        className="flex items-center gap-2 px-5 py-2.5 bg-slate-700/50 text-slate-300 rounded-xl font-medium text-sm hover:bg-slate-700/70 border border-slate-600/30 transition-all"
      >
        <BookOpen size={14} /> View All 16 Types
      </button>
    </div>
  );
}
