import React from 'react';

interface PublicLayoutProps {
  children: React.ReactNode;
}

/**
 * Layout for public, unauthenticated pages (e.g. Login, Forgot Password).
 * Provides a centered container with a gradient background.
 */
const PublicLayout: React.FC<PublicLayoutProps> = ({ children }) => {
  return (
    <div className="min-h-screen w-full bg-slate-50 flex items-center justify-center">
      {/* Background decoration */}
      <div className="absolute inset-0 bg-gradient-to-br from-blue-50 to-indigo-50 -z-10" />
      <div className="w-full">
        {children}
      </div>
    </div>
  );
};

export default PublicLayout;