import { default as React, ReactNode } from 'react';
export interface TopbarLogoProps {
    /** Logo content - can be an image, SVG, or custom component */
    children?: ReactNode;
    /** Image source URL (alternative to children) */
    src?: string;
    /** Alt text for the logo image */
    alt?: string;
    /** Click handler - typically navigates to home */
    onClick?: () => void;
    /** Link href (alternative to onClick) */
    href?: string;
    /** Additional CSS classes */
    className?: string;
    /** Size variant */
    size?: 'sm' | 'md' | 'lg';
}
/**
 * TopbarLogo - Logo component for the topbar
 *
 * @example
 * ```tsx
 * // With image
 * <TopbarLogo src="/logo.svg" alt="Company Logo" onClick={() => navigate('/')} />
 *
 * // With custom content
 * <TopbarLogo onClick={() => navigate('/')}>
 *   <MyLogoComponent />
 * </TopbarLogo>
 * ```
 */
export declare const TopbarLogo: React.FC<TopbarLogoProps>;
//# sourceMappingURL=TopbarLogo.d.ts.map