import { default as React, ReactNode } from 'react';
interface SlotProps {
    children: ReactNode;
    className?: string;
}
/**
 * TopbarLeft - Container for left-aligned content (logo, menu toggle)
 */
export declare const TopbarLeft: React.FC<SlotProps>;
/**
 * TopbarCenter - Container for center content (search, navigation)
 * Grows to fill available space on desktop, hidden on mobile by default
 */
export declare const TopbarCenter: React.FC<SlotProps>;
/**
 * TopbarRight - Container for right-aligned content (actions, user menu)
 */
export declare const TopbarRight: React.FC<SlotProps>;
/**
 * TopbarMobileContent - Secondary row shown only on mobile
 * Useful for search bars or additional controls
 * Uses w-full and basis-full to force wrapping to a new line in the flex container
 */
export declare const TopbarMobileContent: React.FC<SlotProps>;
/**
 * TopbarDivider - Visual separator between topbar sections
 */
export declare const TopbarDivider: React.FC<{
    className?: string;
}>;
export {};
//# sourceMappingURL=TopbarSlots.d.ts.map