'use client';

import { Button } from '@/ui/Button';
import { Icon } from '@/ui/Icon';
import { Stack } from '@/ui/primitives/Stack';
import { Home, RefreshCw } from 'lucide-react';

interface ErrorRecoveryActionsProps {
  onRetry: () => void;
  onHome: () => void;
}

/**
 * ErrorRecoveryActions
 * 
 * Semantic component for error recovery buttons.
 * Follows "Precision Racing Minimal" theme.
 */
export function ErrorRecoveryActions({ onRetry, onHome }: ErrorRecoveryActionsProps) {
  return (
    <Stack 
      direction="row"
      wrap
      align="center" 
      justify="center" 
      gap={3} 
      fullWidth
    >
      <Button 
        variant="primary" 
        onClick={onRetry}
        icon={<Icon icon={RefreshCw} size={4} />}
        width="160px"
      >
        Retry Session
      </Button>
      <Button 
        variant="secondary" 
        onClick={onHome}
        icon={<Icon icon={Home} size={4} />}
        width="160px"
      >
        Return to Pits
      </Button>
    </Stack>
  );
}