'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>
  );
}
