32 lines
761 B
TypeScript
32 lines
761 B
TypeScript
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>
|
||
)
|
||
|
||
}
|