34 lines
793 B
TypeScript
34 lines
793 B
TypeScript
'use client';
|
|
|
|
import { Button } from '@/ui/Button';
|
|
import { Text } from '@/ui/Text';
|
|
import React from 'react';
|
|
|
|
interface NotFoundCallToActionProps {
|
|
label: string;
|
|
onClick: () => void;
|
|
}
|
|
|
|
/**
|
|
* NotFoundCallToAction
|
|
*
|
|
* Semantic component for the primary action on the 404 page.
|
|
* Follows "Precision Racing Minimal" theme with crisp styling.
|
|
*/
|
|
export function NotFoundCallToAction({ label, onClick }: NotFoundCallToActionProps) {
|
|
return (
|
|
<div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', gap: '1rem' }}>
|
|
<Button
|
|
variant="primary"
|
|
size="lg"
|
|
onClick={onClick}
|
|
>
|
|
{label}
|
|
</Button>
|
|
<Text size="xs" variant="low" uppercase>
|
|
Telemetry connection lost
|
|
</Text>
|
|
</div>
|
|
);
|
|
}
|