import React, {useState} from "react";
import IndicatorDots from "@/components/common/IndicatorDots";

const images = [];

const Gallery: React.FC = () => {
  
  return (
    <div className="relative flex flex-col items-center max-w-7xl mx-auto mt-15 mb-10 space-y-10">
      <img className="w-full h-[849px]" src="/image/hero.jpg" />
      <div className="absolute z-10 bottom-[12vh]">
        <IndicatorDots
          count={2}
          activeIndex={0}
          onClick={() => {}}
        />
      </div>
      <div className="text-black text-4xl font-bold font-['Inter']">김해지사 전경</div>

      {/* 화살표 */}
      <div className="absolute inset-0">
        <div className="absolute top-1/2 right-10 -translate-y-[150%] cursor-pointer">
          <div className="w-14 h-14 bg-zinc-300/75 flex items-center justify-center">
            <div className="text-black text-2xl font-thin font-['Inter']">{'>'}</div>
          </div>
        </div>
        <div className="absolute top-1/2 left-10 -translate-y-[150%] cursor-pointer">
          <div className="w-14 h-14 bg-zinc-300/75 flex items-center justify-center">
            <div className="text-black text-2xl font-thin font-['Inter']">{'<'}</div>
          </div>
        </div>
      </div>
    </div>
  );
};

export default Gallery;