"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 NavbarStart = forwardRef(({ className, children, 'aria-label': ariaLabel, ...props }, ref) => (jsx(Flex, { ref: ref, align: 'center', gap: 3, className: cx(styles.start, className), role: ariaLabel ? 'group' : undefined, "aria-label": ariaLabel, ...props, children: children })));
NavbarStart.displayName = 'Navbar.Start';
const NavbarEnd = forwardRef(({ className, children, 'aria-label': ariaLabel, ...props }, ref) => (jsx(Flex, { ref: ref, align: 'center', gap: 3, className: cx(styles.end, className), role: ariaLabel ? 'group' : undefined, "aria-label": ariaLabel, ...props, children: children })));
NavbarEnd.displayName = 'Navbar.End';

export { NavbarEnd, NavbarStart };
//# sourceMappingURL=navbar-sections.js.map
