'use client';

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

interface AuthFormProps {
  children: React.ReactNode;
  onSubmit: (e: React.FormEvent<HTMLFormElement>) => void;
}

/**
 * AuthForm
 * 
 * Semantic form wrapper for auth flows.
 */
export function AuthForm({ children, onSubmit }: AuthFormProps) {
  return (
    <Box as="form" onSubmit={onSubmit} noValidate>
      <Stack gap={6}>
        {children}
      </Stack>
    </Box>
  );
}