49 lines
1.0 KiB
TypeScript
49 lines
1.0 KiB
TypeScript
'use client';
|
|
|
|
import React from 'react';
|
|
import { RefreshCw, Home } from 'lucide-react';
|
|
import { Button } from '@/ui/Button';
|
|
import { Icon } from '@/ui/Icon';
|
|
import { Stack } from '@/ui/Stack';
|
|
|
|
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>
|
|
);
|
|
}
|