'use client';

import { Button } from '@/ui/Button';
import { Text } from '@/ui/Text';
import { Stack } from '@/ui/Stack';
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 (
    <Stack alignItems="center" gap={4}>
      <Button 
        variant="primary" 
        size="lg" 
        onClick={onClick}
      >
        {label}
      </Button>
      <Text size="xs" variant="low" uppercase>
        Telemetry connection lost
      </Text>
    </Stack>
  );
}
