'use client'

import type * as React from 'react'
import { cn } from '@admin/utils/shared/cn'

function DataGridHeader({ className, ...props }: React.ComponentProps<'div'>) {
  return (
    <div
      role="rowgroup"
      data-slot="data-grid-header"
      className={cn(
        "relative col-span-full -mb-1 grid grid-cols-subgrid rounded-t-sm bg-muted pb-1 after:pointer-events-none after:absolute after:inset-0 after:rounded-t-sm after:border-x after:border-t after:border-border after:content-['']",
        className
      )}
      {...props}
    />
  )
}

export { DataGridHeader }