'use client'

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

function DataGridRow({ className, style, ...props }: React.ComponentProps<'div'>) {
  return (
    <div
      role="row"
      data-slot="data-grid-row"
      className={cn(
        'grid border-b transition-colors last:border-b-0 has-aria-expanded:bg-muted/50 data-[state=selected]:bg-muted',
        className
      )}
      style={{ ...style, gridColumn: '1 / -1', gridTemplateColumns: 'subgrid' }}
      tabIndex={-1}
      {...props}
    />
  )
}

export { DataGridRow }
