import React, { PropsWithChildren } from "react";
import {
    DataTableActionBar,
    DataTableActionBarSelection
} from "@/components/ui/table/data-table-action-bar";
import { useDataset } from "@/components/ui/dataset/dataset-provider";

export type ResourceListActionBarProps = PropsWithChildren;

export const DatasetActionBar = <T extends object = object>(props: ResourceListActionBarProps) => {
    const {
        children
    } = props;

    const {
        table
    } = useDataset<T>();

    const rows = table.getFilteredSelectedRowModel().rows;

    return (
        <>
            <DataTableActionBar table={table} visible={rows.length > 0}>
                <DataTableActionBarSelection table={table} />

                {children}
            </DataTableActionBar>
        </>
    );
};