import { jsx as _jsx } from "react/jsx-runtime";
import Box from '../box';
import { useStyleConfig, vui } from '../core';
import { cs } from '../utils';
import { useHeaderContext } from './context';
/** Controls max-width of the content and centers itself horizontally. */
export const HeaderContent = vui((props, ref) => {
    const { className, ...rest } = props;
    const styles = useStyleConfig('Header', useHeaderContext());
    return (_jsx(Box, { centerV: true, className: cs('vui-headerContent', className), h: 1, mx: "auto", position: "relative", ref: ref, w: 1, ...styles.content, ...rest }));
});
HeaderContent.displayName = 'HeaderContent';
export default HeaderContent;
//# sourceMappingURL=headerContent.js.map