'use client'

import { Sidebar } from '../navigation/Sidebar'

interface DesktopLayoutProps {
  children: React.ReactNode
  role?: 'creator' | 'agency' | 'brand'
  className?: string
}

export function DesktopLayout({
  children,
  role = 'creator',
  className = '',
}: DesktopLayoutProps) {
  return (
    <div className={`min-h-screen bg-bg-page flex ${className}`}>
      <Sidebar role={role} />
      <main className="flex-1 ml-[260px] p-8 overflow-auto">
        {children}
      </main>
    </div>
  )
}

export default DesktopLayout
