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

declare const bottomNavVariants: (props?: ({
    varient?: "default" | "secondary" | "primary" | null | undefined;
    position?: "fixed" | null | undefined;
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
export interface BottomNavProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof bottomNavVariants> {
}
/**
 * Bottom app bar container
 * @returns BottomNavBar JSX
 */
declare const BottomNavBar: React.ForwardRefExoticComponent<BottomNavProps & React.RefAttributes<HTMLDivElement>>;
interface NavButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
    icon: React.ReactElement;
    /** Menu label string */
    label?: string;
    /** Selected menu boolean */
    selected?: boolean;
    iconStyle?: string;
}
/**
 * use only lucide icons https://lucide.dev/icons/
 * and onClick event
 * @returns Bottom nav action button JSX
 */
declare const BottomNavBarAction: React.ForwardRefExoticComponent<NavButtonProps & React.RefAttributes<HTMLButtonElement>>;
export { BottomNavBar, BottomNavBarAction };