// Copyright (c) Meta Platforms, Inc. and affiliates.

'use client';

import type React from 'react';
import type { ReactNode } from 'react';
import * as stylex from "../style-runtime.js";
import type { BaseProps } from "../BaseProps.js";
import { mergeProps } from "../utils/index.js";
import { themeProps } from "../utils/themeProps.js";
export interface TableHeaderProps extends BaseProps<HTMLTableSectionElement> {
  ref?: React.Ref<HTMLTableSectionElement>;
  children: ReactNode;
}
export function TableHeader({
  ref,
  children,
  xstyle,
  className,
  style,
  ...rest
}: TableHeaderProps) {
  return <thead ref={ref} {...mergeProps(themeProps('table-header'), stylex.props(xstyle), className, style)} {...rest}>
      {children}
    </thead>;
}
TableHeader.displayName = 'TableHeader';