"use client";
import React, { PropsWithChildren } from "react";
import { useDataset } from "@/components/ui/dataset/dataset-provider";
import { DatasetPagination } from "@/components/ui/dataset/dataset-pagination";
import { DatasetViewGrid } from "@/components/ui/dataset/dataset-view-grid";
import { DatasetViewTable } from "@/components/ui/dataset/dataset-view-table";

export type DatasetTableProps = PropsWithChildren<{
    className?: string;
}>;

export const DatasetTable: React.FC<DatasetTableProps> = () => {
    const { view } = useDataset();

    return (
        <div className="flex flex-col w-full gap-2">
            {view === "table" && (
                <DatasetViewTable />
            )}

            {view === "grid" && (
                <DatasetViewGrid />
            )}

            <DatasetPagination />
        </div>
    );
};