import { ReactNode } from 'react';

interface BuilderLayoutProps {
  children: ReactNode;
}

/**
 * BuilderLayout - Layout wrapper for Site Builder pages
 * Provides consistent layout for builder routes
 */
export default function BuilderLayout({ children }: BuilderLayoutProps) {
  return (
    <div className="builder-layout" style={{ minHeight: '100vh', display: 'flex', flexDirection: 'column' }}>
      <header style={{ padding: '1rem', borderBottom: '1px solid #e5e7eb', backgroundColor: '#fff' }}>
        <h1 style={{ margin: 0, fontSize: '1.5rem', fontWeight: 600 }}>IGNY8 Site Builder</h1>
      </header>
      <main style={{ flex: 1, padding: '2rem' }}>
        {children}
      </main>
    </div>
  );
}

