import React from 'react';
import { IconProps } from '../icon';
import { ButtonProps } from '../button';
import { AppLayoutProps } from './interfaces';
export declare const togglesConfig: {
    readonly navigation: {
        readonly TagName: "nav";
        readonly iconName: "menu";
        readonly getLabels: (labels?: AppLayoutProps.Labels) => {
            mainLabel: string | undefined;
            openLabel: string | undefined;
            closeLabel: string | undefined;
        };
    };
    readonly tools: {
        readonly TagName: "aside";
        readonly iconName: "status-info";
        readonly getLabels: (labels?: AppLayoutProps.Labels) => {
            mainLabel: string | undefined;
            openLabel: string | undefined;
            closeLabel: string | undefined;
        };
    };
};
interface AppLayoutButtonProps {
    className?: string;
    ariaLabel: string | undefined;
    ariaExpanded?: boolean;
    iconName: IconProps.Name;
    onClick: ButtonProps['onClick'];
    disabled?: boolean;
}
export declare const AppLayoutButton: React.ForwardRefExoticComponent<AppLayoutButtonProps & React.RefAttributes<ButtonProps.Ref>>;
interface CloseButtonProps {
    className?: string;
    ariaLabel: string | undefined;
    onClick: () => void;
}
export declare const CloseButton: React.ForwardRefExoticComponent<CloseButtonProps & React.RefAttributes<ButtonProps.Ref>>;
export {};
