Correcoes

src/App.tsx

@@ -84,7 +84,10 @@ export function App() {
           </div>
         )}
         {step === 'register' && (
-          <RegistrationForm onComplete={handleRegistrationComplete} />
+          <RegistrationForm 
+            userType="school"
+            onComplete={handleRegistrationComplete} 
+          />
         )}
         {step === 'avatar' && user && (
           <AvatarSelector user={user} onComplete={handleAvatarComplete} />

src/components/RegistrationForm.tsx

@@ -2,11 +2,12 @@ import React, { useState } from 'react';
 import { User } from '../types';
 import { Heart, User2, Info } from 'lucide-react';
 
-interface Props {
+type RegistrationFormProps = {
-  onComplete: (user: User) => void;
+  userType: 'school' | 'teacher';
-}
+  onComplete: (userData: User) => void;
+};
 
-export function RegistrationForm({ onComplete }: Props) {
+export const RegistrationForm: React.FC<RegistrationFormProps> = ({ userType, onComplete }) => {
   const [name, setName] = useState('');
   const [age, setAge] = useState(8);
   const [gender, setGender] = useState<'boy' | 'girl' | 'other'>('other');

src/types/index.ts

@@ -25,4 +25,15 @@ export interface Theme {
 export interface StoryPage {
   text: string;
   image: string;
-}
+}
+
+export type Class = {
+  id?: string;
+  school_id: string;
+  name: string;
+  grade: string;
+  year: number;
+  period?: 'morning' | 'afternoon' | 'evening';
+  created_at?: string;
+  updated_at?: string;
+};