"use client";
import { Card, CardContent } from "@/components/ui/card";
import SiteBreadcrumb from "@/components/site-breadcrumb";
import TableImage from "./table-spit";
import { Newspaper, NewspaperIcon, UploadIcon } from "lucide-react";
import { Button } from "@/components/ui/button";
import { Icon } from "@iconify/react/dist/iconify.js";
import TableSPIT from "./table-spit";

const ReactTableSPITPage = () => {
  return (
    <div>
      <SiteBreadcrumb />
      <div className="space-y-4">
        <Card className="py-4 px-3">
          <div className="flex flex-row justify-between items-center">
            <div className="flex-1 text-xl font-medium text-default-900">
              Konten SPIT
            </div>
            {/* <div>
              <Button color="primary" className="text-white">
                <UploadIcon />
                Unggah Foto
              </Button>
              <Button color="primary" className="text-white ml-3">
                <UploadIcon />
                Unggah Foto Dengan AI
              </Button>
            </div> */}
          </div>
        </Card>
        <Card>
          <CardContent className="p-0">
            <TableSPIT />
          </CardContent>
        </Card>
      </div>
    </div>
  );
};

export default ReactTableSPITPage;
