'use client';
import * as React from 'react';
import { useTableHeader_unstable } from './useTableHeader';
import { renderTableHeader_unstable } from './renderTableHeader';
import { useTableHeaderStyles_unstable } from './useTableHeaderStyles.styles';
import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
/**
 * TableHeader component
 */ export const TableHeader = /*#__PURE__*/ React.forwardRef((props, ref)=>{
    const state = useTableHeader_unstable(props, ref);
    useTableHeaderStyles_unstable(state);
    useCustomStyleHook_unstable('useTableHeaderStyles_unstable')(state);
    return renderTableHeader_unstable(state);
});
TableHeader.displayName = 'TableHeader';