import { LoadingSpinner } from '../../ui/LoadingSpinner';
import { Stack } from '../../ui/Stack';
import { Text } from '../../ui/Text';
import { Section } from '../../ui/Section';

interface AuthLoadingProps {
  message?: string;
}

export function AuthLoading({ message = 'Authenticating...' }: AuthLoadingProps) {
  return (
    <Section variant="dark" padding="none">
      <Stack align="center" justify="center" gap={4} fullWidth>
        <LoadingSpinner size={10} />
        <Text variant="low" weight="medium">
          {message}
        </Text>
      </Stack>
    </Section>
  );
}