import type { ReactNode } from "react";

import { StudioFooterMinimal } from "./StudioFooterMinimal";

import styles from "./studio-shell.module.css";

/**
 * Subtle bottom branding only — no top bar.
 */
const isDemoMode = process.env.NEXT_PUBLIC_DEMO_MODE === "true";

export function StudioShell({ children }: { children: ReactNode }) {
  return (
    <div className={styles.shellWrap}>
      <div className={`${styles.shellMain} studio-shell-main`}>{children}</div>
      {!isDemoMode ? <StudioFooterMinimal /> : null}
    </div>
  );
}
