import type { FC, ReactNode } from "react";
import { type BoxProps } from "../Box";
export declare const panelClasses: {
    root: string;
    content: string;
    contentEntered: string;
    header: string;
    headerCollapsible: string;
    headerCollapseButton: string;
    headerEndAdornment: string;
    headerStartAdornment: string;
    headerTitle: string;
    headerTitleHelperText: string;
    headerTitleText: string;
    headerTitleTextCollapsed: string;
};
export type PanelClassKey = keyof typeof panelClasses;
export type PanelClasses = Record<PanelClassKey, string>;
export interface PanelProps extends Omit<BoxProps, "title"> {
    /**
     * The CSS class name of the root element.
     */
    className?: string;
    /**
     * Additional CSS classes to be applied to the component.
     */
    classes?: Partial<PanelClasses>;
    /**
     * Whether the panel is collapsed by default. Defaults to false.
     */
    collapsedByDefault?: boolean;
    /**
     * Whether the panel is collapsible. Defaults to false.
     */
    collapsible?: boolean;
    /**
     * The aria-label to be used for the collapse panel button.
     */
    collapseLabel?: string;
    /**
     * The aria-label to be used for the expand panel button.
     */
    expandLabel?: string;
    /**
     * The adornment to be displayed at the end of the panel header.
     */
    headerEndAdornment?: ReactNode;
    /**
     * The adornment to be displayed at the start of the panel header.
     */
    headerStartAdornment?: ReactNode;
    /**
     * The semantic heading level to use for the title. Defaults to "h3"
     */
    headingLevel?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
    /**
     * The title of the group.
     */
    title?: ReactNode;
    /**
     * Additional text to display beside the title.
     */
    titleHelperText?: ReactNode;
}
/**
 * A Panel is a titled container for content, optionally collapsible. The
 * simplest arrangement is a Panel containing a single PanelContent:
 *
 * ```
 * <Panel>
 *     <PanelContent>...</PanelContent>
 * </Panel>;
 * ```
 *
 * Additionally, Panels can nest other Panels to create more complex "accordion"
 * style layouts:
 *
 * ```
 * <Panel>
 *     <PanelContent />
 *     <Panel />
 *     <Panel />
 *     ...
 * </Panel>;
 * ```
 *
 * Use either a PanelContent component or another Panel to wrap content
 * sections. Wrapping in PanelContent is optional and can be omitted if you'd
 * like more control over the styling of the panel.
 */
declare const Panel: FC<PanelProps>;
export default Panel;