import ImageGrid from './Gallery/ImageGrid';

export default function MainContent() {
  const currentImages = [
    { url: "https://cdn.usegalileo.ai/stability/01f4939b-b0b4-4a14-ba61-a2f049aa4cde.png" },
    { url: "https://cdn.usegalileo.ai/stability/43b6ac61-1427-4ddf-8c99-ab43c5cb8746.png" },
    { url: "https://cdn.usegalileo.ai/stability/84b80f3d-decd-468c-ae69-6deabde1c7b2.png" }
  ];

  const previousImages = [
    { url: "https://cdn.usegalileo.ai/stability/318d9396-efa7-485d-8433-2e2de66d869b.png" },
    { url: "https://cdn.usegalileo.ai/stability/3a91c59c-6f67-4624-b28b-ebba9aea7a60.png" },
    { url: "https://cdn.usegalileo.ai/stability/aa91a32b-9d69-4382-afdf-f9ca99cef62a.png" }
  ];

  return (
    <div className="layout-content-container flex flex-col max-w-[960px] flex-1">
      <div className="flex flex-wrap justify-between gap-3 p-4">
        <p className="text-[#141414] text-4xl font-black leading-tight tracking-[-0.033em] min-w-72">
          Fantasy castle on a hilltop, surrounded by rolling hills and a beautiful sunset, magical, serene, high details, romantic, stylized
        </p>
      </div>
      <ImageGrid title="Current Generation" images={currentImages} batchId={1} />
      <ImageGrid title="Previously Generated" images={previousImages} batchId={2} />
    </div>
  );
}