import type { Metadata } from "next";
import { Toaster } from "sonner";
import "../styles/new-site.css";

export const metadata: Metadata = {
  title: "Vibn — Sign In",
};

export default function AuthLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <div className="new-site-wrapper" style={{ display: 'flex', flexDirection: 'column', minHeight: '100vh' }}>
      <main style={{ flex: 1, display: 'flex', alignItems: 'center', justifyContent: 'center', padding: '40px 24px' }}>
        {children}
      </main>
      <Toaster />
    </div>
  );
}