'use client'

import { ReactNode } from 'react'
import { Header } from './header'
import { Footer } from './footer'
import { Breadcrumbs } from './breadcrumbs'

interface PublicLayoutProps {
  children: ReactNode
  breadcrumbs?: Array<{ label: string; href: string }>
}

export function PublicLayout({ children, breadcrumbs }: PublicLayoutProps) {
  return (
    <div className="flex min-h-screen flex-col bg-studio-black">
      <Header />
      <div className="container mx-auto px-4 py-4">
        <Breadcrumbs items={breadcrumbs} />
      </div>
      <main className="flex-1">{children}</main>
      <Footer />
    </div>
  )
}

