d8d-admin-mobile-starter-public/client/mobile/components/Classroom/AuthLayout.tsx

import React, { ReactNode } from 'react';

interface AuthLayoutProps {
  children: ReactNode;
}

export const AuthLayout = ({ children }: AuthLayoutProps) => {
  return (
    <div className="flex flex-col h-screen bg-gray-100">
      <div className="flex-1 flex items-center justify-center p-4">
        <div className="w-full max-w-md bg-white rounded-lg shadow p-6">
          {children}
        </div>
      </div>
    </div>
  );
};