"use client";
import { jsx } from 'react/jsx-runtime';
import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
import { forwardRef } from 'react';
import { Flex } from '../flex/flex.js';
import styles from './navbar.module.css.js';

const NavbarRoot = forwardRef(({ className, sticky = false, children, ...props }, ref) => {
    return (jsx("nav", { ref: ref, className: cx(styles.root, className), "data-sticky": sticky, role: 'navigation', ...props, children: jsx(Flex, { align: 'center', justify: 'between', className: styles.container, children: children }) }));
});
NavbarRoot.displayName = 'Navbar';

export { NavbarRoot };
//# sourceMappingURL=navbar-root.js.map
