import React, { useState } from 'react';
import { motion } from 'motion/react';
import { Button } from './ui/button';
import { Input } from './ui/input';
import { Label } from './ui/label';
import { Card, CardContent, CardHeader, CardTitle } from './ui/card';
import { Separator } from './ui/separator';
import { Wallet, Eye, EyeOff, Upload, CheckCircle, Loader2, ArrowLeft } from 'lucide-react';
import { supabase } from '../utils/supabase/client';
import { toast } from 'sonner@2.0.3';

interface SignUpProps {
  onSuccess: (user: any) => void;
  onBackToAuth: () => void;
}