import { cx } from "@karma/cva";
import * as React from "react";

export type TableHeaderProps = React.HTMLAttributes<HTMLTableSectionElement>;

export const TableHeader = React.forwardRef<
  HTMLTableSectionElement,
  TableHeaderProps
>(({ className, ...props }, ref) => (
  <thead ref={ref} className={cx("[&_tr]:border-b", className)} {...props} />
));
TableHeader.displayName = "TableHeader";