'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={`h-screen bg-bg-page flex overflow-hidden ${className}`}>
      <Sidebar role={role} />
      <main className="flex-1 ml-[260px] p-8 overflow-y-auto overflow-x-hidden">
        <div className="min-h-full">
          {children}
        </div>
      </main>
    </div>
  )
}

export default DesktopLayout
