"use client";

import { type ReactNode } from "react";
import { VipHeader } from "./VipHeader";
import styles from "./vip.module.css";

type VipLayoutProps = {
  children: ReactNode;
  isLoggedIn: boolean;
  userName?: string | null;
  userEmail?: string | null;
  onLogout?: () => void;
};

export function VipLayout({ children, isLoggedIn, userName, userEmail, onLogout }: VipLayoutProps) {
  return (
    <div className={styles.root}>
      <VipHeader isLoggedIn={isLoggedIn} userName={userName} userEmail={userEmail} onLogout={onLogout} />
      <main className={styles.main}>{children}</main>
    </div>
  );
}