"use client";

import ImageTable from "@/components/table/image-table";
import { Button } from "@/components/ui/button";
import { Input } from "@/components/ui/input";
import { ChevronDown, Upload } from "lucide-react";

export default function ImagePage() {
  return (
    <div className="overflow-x-hidden w-full">
      <div className="px-2 md:px-4 md:py-4 w-full">
        {/* Card utama */}
        <div className="bg-white shadow-lg dark:bg-[#18181b] rounded-xl p-3">
          <div className="flex justify-between items-center mb-3">
            <h2 className="text-xl font-semibold">Image</h2>
            <Button className="bg-[#006CFF] text-white hover:bg-[#0050c4] flex items-center">
              <Upload className="mr-2 h-4 w-4" />
              Unggah Foto
            </Button>
          </div>

          <ImageTable />
        </div>
      </div>
    </div>
  );
}