pangolin/src/components/OrgIdpDataTable.tsx

"use client";

import { ColumnDef } from "@tanstack/react-table";
import {
    DataTable,
    type DataTableAddAction
} from "@app/components/ui/data-table";
import { useTranslations } from "next-intl";

interface DataTableProps<TData, TValue> {
    columns: ColumnDef<TData, TValue>[];
    data: TData[];
    onAdd?: () => void;
    addActions?: DataTableAddAction[];
}

export function IdpDataTable<TData, TValue>({
    columns,
    data,
    onAdd,
    addActions
}: DataTableProps<TData, TValue>) {
    const t = useTranslations();

    return (
        <DataTable
            columns={columns}
            data={data}
            persistPageSize="idp-table"
            title={t("idp")}
            searchPlaceholder={t("idpSearch")}
            searchColumn="name"
            addButtonText={t("idpAdd")}
            onAdd={onAdd}
            addActions={addActions}
            enableColumnVisibility={true}
            stickyRightColumn="actions"
        />
    );
}