import React from 'react';
export interface GeneratorProps {
    cssModifier: string;
    tagName: 'article' | 'div' | 'footer' | 'header' | 'main' | 'nav' | 'section';
}
export interface BasicProps extends React.HTMLAttributes<HTMLDivElement> {
    /**
     * Custom classnames of the component
     */
    classNames?: string;
    /**
     * The layout has an aside.
     */
    hasAside?: boolean;
    /**
     * The layout style.
     */
    style?: React.CSSProperties;
    /**
     * The layout uses octuple styles.
     */
    octupleStyles?: boolean;
    /**
     * Unique id used to target element for testing
     */
    'data-test-id'?: string;
}
export interface LayoutContextProps {
    asideHook: {
        addAside: (id: string) => void;
        removeAside: (id: string) => void;
    };
}
export declare const LayoutContext: React.Context<LayoutContextProps>;
export interface BasicPropsWithTagName extends BasicProps {
    /**
     * The layout semantic html tag name, with one non-semantic div to represent the app root.
     */
    tagName: 'article' | 'div' | 'footer' | 'header' | 'main' | 'nav' | 'section';
}
interface AsideContextProps {
    /**
     * The aside is collapsed.
     */
    asideCollapsed?: boolean;
}
export declare const AsideContext: React.Context<AsideContextProps>;
export declare type CollapseType = 'clickTrigger' | 'responsive';
export interface AsideProps extends React.HTMLAttributes<HTMLDivElement> {
    /**
     * The aside class names.
     */
    asideClassNames?: string;
    /**
     * The aside style.
     */
    asideStyle?: React.CSSProperties;
    /**
     * The aside breakpoints, to enable a responsive layout.
     */
    breakpoint?: 'xs' | 'sm' | 'md' | 'lg';
    /**
     * Custom classnames of the component
     */
    classNames?: string;
    /**
     * Sets whether the aside is collapsed.
     */
    collapsed?: boolean;
    /**
     * The aside collapsed width.
     * @default 80
     */
    collapsedWidth?: number | string;
    /**
     * Sets whether the aside is collapsible.
     * @default false
     */
    collapsible?: boolean;
    /**
     * Sets whether the aside is collapsed by default.
     * @default false
     */
    defaultCollapsed?: boolean;
    /**
     * The aside onBreakpoint callback.
     * Executed when breakpoints change.
     */
    onBreakpoint?: (broken: boolean) => void;
    /**
     * The aside onCollapse callback.
     * Executed by clicking the trigger or activating the responsive layout.
     */
    onCollapse?: (collapsed: boolean, type: CollapseType) => void;
    /**
     * Sets whether the hamburger arrow is reversed.
     * @default false
     */
    reverseArrow?: boolean;
    /**
     * The aside trigger element
     */
    trigger?: React.ReactNode;
    /**
     * The aside width.
     * @default 200
     */
    width?: number | string;
    /**
     * The aside width trigger style when `collapsedWidth` is 0.
     */
    zeroWidthTriggerStyle?: React.CSSProperties;
    /**
     * Unique id used to target element for testing
     */
    'data-test-id'?: string;
}
export {};