export default function PageLayout({
  children,
  sidebar,
}: {
  children: React.ReactNode
  sidebar?: React.ReactNode
}) {
  return (
    <div className="max-w-[1400px] mx-auto px-4 py-8 grid grid-cols-1 lg:grid-cols-4 gap-6">
      {/* SOL: 3/4 - deal listesi */}
      <div className="lg:col-span-3">{children}</div>

      {/* SAĞ: 1/4 - isteğe bağlı alan */}
      <aside className="hidden lg:block bg-surface/50 rounded-lg p-4">
        {sidebar}
      </aside>
    </div>
  )
}
