'use client';
import * as React from 'react';
import { useTable_unstable } from './useTable';
import { renderTable_unstable } from './renderTable';
import { useTableStyles_unstable } from './useTableStyles.styles';
import { useTableContextValues_unstable } from './useTableContextValues';
import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
/**
 * Table component
 */ export const Table = /*#__PURE__*/ React.forwardRef((props, ref)=>{
    const state = useTable_unstable(props, ref);
    useTableStyles_unstable(state);
    useCustomStyleHook_unstable('useTableStyles_unstable')(state);
    return renderTable_unstable(state, useTableContextValues_unstable(state));
});
Table.displayName = 'Table';