import { default as React, ReactNode } from 'react';
import { MantineColor, MantineSize } from '@mantine/core';
export interface ArchbaseAppBarAction {
    /** Chave única */
    key: string;
    /** Ícone */
    icon: ReactNode;
    /** Label (para menu mobile) */
    label: string;
    /** Callback ao clicar */
    onClick: () => void;
    /** Cor */
    color?: MantineColor;
    /** Se está desabilitado */
    disabled?: boolean;
    /** Se deve esconder no mobile */
    hideOnMobile?: boolean;
    /** Se deve mostrar sempre (não ir para menu) */
    alwaysVisible?: boolean;
}
export interface ArchbaseAppBarProps {
    /** Seção esquerda (logo, back button, menu) */
    leftSection?: ReactNode;
    /** Seção central (título, busca) */
    centerSection?: ReactNode;
    /** Seção direita (ações, avatar) */
    rightSection?: ReactNode;
    /** Ações (alternativa ao rightSection) */
    actions?: ArchbaseAppBarAction[];
    /** Título */
    title?: string;
    /** Subtítulo */
    subtitle?: string;
    /** Altura */
    height?: number;
    /** Cor de fundo */
    backgroundColor?: string;
    /** Cor do texto */
    textColor?: MantineColor;
    /** Se deve ter sombra */
    withShadow?: boolean;
    /** Se deve ter borda inferior */
    withBorder?: boolean;
    /** Se está fixo no topo */
    fixed?: boolean;
    /** Z-index quando fixo */
    zIndex?: number;
    /** Breakpoint para modo mobile */
    mobileBreakpoint?: string;
    /** Callback do burger (para abrir drawer) */
    onBurgerClick?: () => void;
    /** Se o burger está aberto */
    burgerOpened?: boolean;
    /** Padding horizontal */
    px?: MantineSize | number;
    /** Tamanho das ações */
    actionSize?: MantineSize;
    /** Classe CSS */
    className?: string;
    /** Estilo */
    style?: React.CSSProperties;
}
export declare const ArchbaseAppBar: React.ForwardRefExoticComponent<ArchbaseAppBarProps & React.RefAttributes<HTMLElement>>;
