45 lines
1.1 KiB
TypeScript
45 lines
1.1 KiB
TypeScript
'use client';
|
|
|
|
import { Button } from '@/ui/Button';
|
|
import { Group } from '@/ui/Group';
|
|
import { Text } from '@/ui/Text';
|
|
import { StatusDot } from '@/ui/StatusDot';
|
|
|
|
interface NotFoundActionsProps {
|
|
primaryLabel: string;
|
|
onPrimaryClick: () => void;
|
|
}
|
|
|
|
/**
|
|
* NotFoundActions
|
|
*
|
|
* Semantic component for the primary actions on the 404 page.
|
|
* Follows "Precision Racing Minimal" theme with crisp styling.
|
|
*/
|
|
export function NotFoundActions({ primaryLabel, onPrimaryClick }: NotFoundActionsProps) {
|
|
return (
|
|
<Group direction="row" gap={4} align="center" justify="center">
|
|
<Button
|
|
variant="primary"
|
|
size="lg"
|
|
onClick={onPrimaryClick}
|
|
>
|
|
{primaryLabel}
|
|
</Button>
|
|
|
|
<Button
|
|
variant="secondary"
|
|
size="lg"
|
|
onClick={() => window.history.back()}
|
|
>
|
|
<Group direction="row" gap={2} align="center">
|
|
<StatusDot intent="telemetry" size="sm" />
|
|
<Text size="xs" weight="bold" uppercase variant="low">
|
|
Previous Sector
|
|
</Text>
|
|
</Group>
|
|
</Button>
|
|
</Group>
|
|
);
|
|
}
|