import React, { ReactNode } from 'react';
import { ThemeOverrideProps } from '@xsolla/xui-core';

interface NavBarProps {
    /**
     * Size variant of the NavBar
     * @default 'm'
     */
    size?: "sm" | "md" | "lg";
    /**
     * Whether to show a bottom border
     * @default false
     */
    bordered?: boolean;
    /**
     * Custom background color
     */
    backgroundColor?: string;
    /**
     * Content of the NavBar, typically StartSlot, Center, and EndSlot
     */
    children?: ReactNode;
    testID?: string;
}
interface NavBarSlotProps {
    /**
     * Slot content
     */
    children?: ReactNode;
    testID?: string;
}

declare const NavBarRoot: React.FC<NavBarProps & ThemeOverrideProps>;
declare const NavBar: React.FC<NavBarProps & ThemeOverrideProps> & {
    StartSlot: React.FC<NavBarSlotProps>;
    Center: React.FC<NavBarSlotProps>;
    EndSlot: React.FC<NavBarSlotProps>;
};

export { NavBar, type NavBarProps, NavBarRoot, type NavBarSlotProps };