import React from 'react';
import { Box } from './primitives/Box';
import { Stack } from './primitives/Stack';
import { LoadingSpinner } from './LoadingSpinner';
import { Text } from './Text';

interface AuthLoadingProps {
  message?: string;
}

export function AuthLoading({ message = 'Authenticating...' }: AuthLoadingProps) {
  return (
    <Box 
      fullWidth 
      minHeight="100vh" 
      display="flex" 
      center 
      bg="bg-[#0f1115]"
    >
      <Stack align="center" gap={4}>
        <LoadingSpinner size={10} />
        <Text color="text-gray-400" weight="medium">
          {message}
        </Text>
      </Stack>
    </Box>
  );
}
