import MinimisableTable from "@/components/ui/minimisable-table";
import { User, Mail, MapPin, ShieldCheck, DollarSign } from "lucide-react";
 
const data = [
  {
    id: "1",
    name: "John Doe",
    email: "john@company.com",
    location: "New York, US",
    status: "Active",
    balance: "$1,250.00",
  },
  // ... more data
];
 
const columns = [
  { key: "name", label: "Name", icon: <User className="h-4 w-4" /> },
  { key: "email", label: "Email", icon: <Mail className="h-4 w-4" /> },
  { key: "location", label: "Location", icon: <MapPin className="h-4 w-4" /> },
  { key: "status", label: "Status", icon: <ShieldCheck className="h-4 w-4" /> },
  {
    key: "balance",
    label: "Balance",
    icon: <DollarSign className="h-4 w-4" />,
    align: "text-right",
  },
];
 
export default function MyMinimisableTable() {
  return (
    <MinimisableTable
      data={data}
      columns={columns}
      defaultMinimized={["email", "location"]}
    />
  );
}