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 { Box } from '@/ui/Box';
|
|
import { Button } from '@/ui/Button';
|
|
import { Icon } from '@/ui/Icon';
|
|
|
|
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 (
|
|
<Box
|
|
display="flex"
|
|
flexWrap="wrap"
|
|
alignItems="center"
|
|
justifyContent="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>
|
|
</Box>
|
|
);
|
|
}
|