'use client'

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

function DataGridHead({ className, ...props }: React.ComponentProps<'div'>) {
  return (
    <div
      role="columnheader"
      data-slot="data-grid-head"
      className={cn(
        'grid h-9.5 items-center px-3 text-left font-medium whitespace-nowrap text-muted-foreground *:h-full [&:has([role=checkbox])]:pr-0',
        className
      )}
      tabIndex={-1}
      {...props}
    />
  )
}

export { DataGridHead }
