import * as _emotion_styled from '@emotion/styled';
import * as react from 'react';
import * as _emotion_react from '@emotion/react';
import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';

type CollapsibleProps = {
    children: React.ReactNode;
    className?: string;
    text?: string;
    color?: string;
    open?: boolean | undefined;
    handleToggle?: (open: boolean) => void | undefined;
    hamburger?: boolean | undefined;
    /**
     * Opens the collapsible to full screen height if true.
     */
    full?: boolean | undefined;
    /**
     * Adds padding to the content of the collapsible.
     */
    contentIndent?: boolean | undefined;
    /**
     * Replaces the default button text with the provided element.
     */
    buttonTextElement?: React.ReactNode;
};
declare function Collapsible({ children, className, text, color, open, handleToggle, hamburger, full, buttonTextElement, contentIndent, }: CollapsibleProps): _emotion_react_jsx_runtime.JSX.Element;
declare const StyledCollapsible: _emotion_styled.StyledComponent<{
    theme?: _emotion_react.Theme;
    as?: react.ElementType<any>;
}, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
declare const StyledCollapsibleButton: _emotion_styled.StyledComponent<{
    theme?: _emotion_react.Theme;
    as?: react.ElementType<any>;
}, react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
declare const CollapsingContainer: _emotion_styled.StyledComponent<{
    theme?: _emotion_react.Theme;
    as?: react.ElementType<any>;
} & {
    isOpen?: boolean | undefined;
    full?: boolean | undefined;
}, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

export { Collapsible, CollapsingContainer, StyledCollapsible, StyledCollapsibleButton };
