"use client";

import Image from "next/image";

interface StorySectionProps {
  id: string;
  src: string;
  alt: string;
  priority?: boolean;
}

export default function StorySection({ id, src, alt, priority }: StorySectionProps) {
  return (
    <section
      id={id}
      className="relative flex w-full items-center justify-center scroll-mt-0"
    >
      <div className="w-full">
        <Image
          src={src}
          alt={alt}
          width={3000}
          height={1688}
          priority={priority}
          sizes="100vw"
          className="h-auto w-full select-none"
        />
      </div>
    </section>
  );
}
