import type { ReactNode } from "react"
import { Card } from "@/components/ui/card"
import { DATA_PAGE_CARD_CLASS } from "@/components/data-grids/shared/data-grid-layout"
import { cn } from "@/lib/utils"

interface DataPageCardProps {
  children: ReactNode
  className?: string
}

function DataPageCard({ children, className }: DataPageCardProps) {
  return (
    <Card className={cn(DATA_PAGE_CARD_CLASS, className)}>
      {children}
    </Card>
  )
}

export { DataPageCard, type DataPageCardProps }