import { default as React, ReactNode } from 'react';
import { MantineColor, MantineSize } from '@mantine/core';
export interface ArchbaseBottomNavigationItem {
    /** Chave única */
    key: string;
    /** Label do item */
    label: string;
    /** Ícone */
    icon: ReactNode;
    /** Ícone quando ativo */
    activeIcon?: ReactNode;
    /** Badge */
    badge?: number | string;
    /** Cor do badge */
    badgeColor?: MantineColor;
    /** Se está desabilitado */
    disabled?: boolean;
    /** Link (navegação) */
    href?: string;
    /** Callback ao clicar */
    onClick?: () => void;
}
export interface ArchbaseBottomNavigationProps {
    /** Itens da navegação */
    items: ArchbaseBottomNavigationItem[];
    /** Item ativo (controlado) */
    value?: string;
    /** Item ativo padrão */
    defaultValue?: string;
    /** Callback ao mudar */
    onChange?: (value: string) => void;
    /** Altura da barra */
    height?: number;
    /** Cor de destaque */
    activeColor?: MantineColor;
    /** Cor inativa */
    inactiveColor?: MantineColor;
    /** Tamanho do ícone */
    iconSize?: number;
    /** Tamanho do texto */
    labelSize?: MantineSize;
    /** Se deve mostrar labels */
    showLabels?: boolean;
    /** Se deve mostrar labels apenas no ativo */
    showActiveLabel?: boolean;
    /** Se deve ter sombra */
    withShadow?: boolean;
    /** Se deve ter borda superior */
    withBorder?: boolean;
    /** Cor de fundo */
    backgroundColor?: string;
    /** Se está fixo na parte inferior */
    fixed?: boolean;
    /** Z-index quando fixo */
    zIndex?: number;
    /** Classe CSS */
    className?: string;
    /** Estilo */
    style?: React.CSSProperties;
}
export declare const ArchbaseBottomNavigation: React.ForwardRefExoticComponent<ArchbaseBottomNavigationProps & React.RefAttributes<HTMLDivElement>>;
