'use client';

import React from 'react';
import { Stack } from '@/ui/Stack';
import { Text } from '@/ui/Text';
import { Button } from '@/ui/Button';

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 (
    <Stack gap={4} align="center">
      <Button 
        variant="primary" 
        size="lg" 
        onClick={onClick}
      >
        {label}
      </Button>
      <Text size="xs" color="text-gray-500" uppercase letterSpacing="widest">
        Telemetry connection lost
      </Text>
    </Stack>
  );
}
