'use client';

import { Form } from '@/ui/Form';
import { Group } from '@/ui/Group';
import React from 'react';

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 (
    <Form onSubmit={onSubmit}>
      <Group direction="column" gap={6}>
        {children}
      </Group>
    </Form>
  );
}