import { ProfileForm } from '@/features/user/components/ProfileForm';
import { Card } from '@veza/design-system';

/**
 * Page de profil utilisateur avec édition et affichage des informations.
 * MIGRATED: Now using Kōdō Design System
 */
export function ProfilePage() {
  return (
    <div className="p-4 sm:p-6">
      <div className="mb-6">
        <h1 className="text-2xl sm:text-3xl font-display font-bold text-white mb-2">
          Mon Profil
        </h1>
        <p className="text-kodo-secondary">
          Gérez vos informations personnelles
        </p>
      </div>

      <Card variant="default" className="max-w-4xl">
        <ProfileForm />
      </Card>
    </div>
  );
}
