/**
 * File: AppForm.tsx
 * Created by: AI Assistant
 * Date: 2025-11-29
 * Purpose: Form component for kreatiVortex platform
 * Part of: kreatiVortex - Platform Pembelajaran Tari Online
 */

'use client';

import React from 'react';
import { cn } from '@/lib/utils';

interface AppFormProps {
  children: React.ReactNode;
  className?: string;
  onSubmit?: (e: React.FormEvent) => void;
}

const AppForm = React.forwardRef<HTMLFormElement, AppFormProps>(
  ({ children, className, onSubmit, ...props }, ref) => {
    return (
      <form
        ref={ref}
        onSubmit={onSubmit}
        className={cn(
          'space-y-6 bg-white/10 backdrop-blur-sm rounded-xl p-6 border border-white/20',
          className
        )}
        {...props}
      >
        {children}
      </form>
    );
  }
);

AppForm.displayName = 'AppForm';

export default AppForm;