"use client"

import type { ReactNode } from "react"
import { cn } from "@/lib/utils"
import {
  dashboardTableCardClass,
  dashboardTableScrollClass,
  dashboardTableToolbarClass,
} from "@/components/dashboard/shared/dashboard-layout"

export interface DashboardTableCardProps {
  toolbar: ReactNode
  children: ReactNode
  footer?: ReactNode
  className?: string
}

export function DashboardTableCard({
  toolbar,
  children,
  footer,
  className,
}: DashboardTableCardProps) {
  return (
    <div className={cn(dashboardTableCardClass, className)}>
      <div className={dashboardTableToolbarClass}>{toolbar}</div>
      <div className={dashboardTableScrollClass}>{children}</div>
      {footer}
    </div>
  )
}