"use client"; import { DropdownMenuTrigger } from "@radix-ui/react-dropdown-menu"; import { MixerHorizontalIcon } from "@radix-ui/react-icons"; import { Table } from "@tanstack/react-table"; import { Button } from "@/components/ui/button"; import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, } from "@/components/ui/dropdown-menu"; interface DataTableViewOptionsProps { table: Table; } export function DataTableViewOptions({ table, }: DataTableViewOptionsProps) { return ( Toggle columns {table .getAllColumns() .filter( (column) => typeof column.accessorFn !== "undefined" && column.getCanHide() ) .map((column) => { return ( column.toggleVisibility(!!value)} > {column.id} ); })} ); }