import { VariantProps } from 'class-variance-authority';
import { default as React } from 'react';

declare const AppBarVariants: (props?: ({
    varient?: "default" | "secondary" | "primary" | null | undefined;
    position?: "fixed" | null | undefined;
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
export interface AppBarProps extends React.HTMLAttributes<HTMLHeadingElement>, VariantProps<typeof AppBarVariants> {
}
/**
 * App bar container
 * @returns AppBar JSX
 */
declare const AppBar: React.ForwardRefExoticComponent<AppBarProps & React.RefAttributes<HTMLHeadingElement>>;
export interface ToolbarProps extends React.HTMLAttributes<HTMLElement> {
    onMenuClick?: React.MouseEventHandler<HTMLButtonElement>;
    showBackButton?: boolean;
    /** user should send back action */
    onBackClick?: React.MouseEventHandler<HTMLButtonElement>;
    /** Menu label string */
    pageTitle?: string;
    /** Selected menu boolean */
    subtitle?: string;
    reactNode?: React.ReactNode;
}
/**
 * App toolbar items like back button, title, subtitle or any react node
 * @returns Toolbar JSX
 */
declare const Toolbar: React.ForwardRefExoticComponent<ToolbarProps & React.RefAttributes<HTMLButtonElement>>;
export interface navbarProps extends React.HTMLAttributes<HTMLElement> {
}
/**
 * App bar navigation/other action buttons
 * Send only buttons with out any wrapper
 * @returns Navbar JSX
 */
declare const NavBar: React.ForwardRefExoticComponent<navbarProps & React.RefAttributes<HTMLButtonElement>>;
export { AppBar, NavBar, Toolbar };