export default function DealDetailsLayout({
  Image,
  Details,
  Description,
  Comments,
}: {
  Image: React.ReactNode
  Details: React.ReactNode
  Description: React.ReactNode
  Comments: React.ReactNode
}) {
return (
  <div className="max-w-[1400px] mx-auto px-4 py-8 grid grid-cols-1 lg:grid-cols-4 gap-6">
    {/* Üst kısım: sol görsel + sağ detay */}
    <div className="lg:col-span-1 flex justify-center items-start">
      {Image}
    </div>

    <div className="lg:col-span-3 flex flex-col gap-6">
      {Details}
    </div>

    {/* Alt kısım: açıklama ve yorumlar tam genişlikte */}
    <div className="lg:col-span-4 flex flex-col gap-6">
      <section>{Description}</section>
      <section>{Comments}</section>
    </div>
  </div>
)

}
