import { default as React } from 'react';
import { PanelTitleProps } from './PanelTitle';
import { HNDesignsystemPanel } from '../../resources/Resources';
import { PaletteNames } from '../../theme/palette';
import { PanelLayout, PanelStacking, PanelStatus, PanelVariant } from './constants';
export type PanelColors = Extract<PaletteNames, 'white' | 'neutral'>;
export interface PanelProps {
    /** Aria label on call to action button */
    buttonBottomAriaLabel?: string;
    /** Sets the text on the bottom call to action button */
    buttonBottomText?: string;
    /** Sets the action on the bottom call to action button */
    buttonBottomOnClick?: () => void;
    /** Expands or collapses the panel. Only applicable when ExpandedContent is used */
    expanded?: boolean;
    /** Whether the panel can be focused */
    focusable?: boolean;
    /** Sets the layout and order of the content boxes */
    layout?: PanelLayout;
    /** Sets the visual variant of panel */
    variant?: PanelVariant;
    /** Sets the color for panel if it has variant fill */
    color?: PanelColors;
    /** Sets classes on the outermost container of the panel */
    className?: string;
    /** Action called when toggling expansion of ExpandedContent */
    onExpand?: (isExpanded?: boolean) => void;
    /** Sets the stacking order of the content boxes */
    stacking?: PanelStacking;
    /** Sets the data-testid attribute. */
    testId?: string;
    /** Children elements to be rendered inside the panel */
    children?: React.ReactNode;
    /** Displays a status on the left side: default normal */
    status?: PanelStatus;
    /** Resources for component */
    resources?: Partial<HNDesignsystemPanel>;
    /** Highlights text in title and content. Used for search results */
    highlightText?: string;
    /** Ref passed to the panel container */
    ref?: React.Ref<HTMLDivElement | null>;
}
declare const PanelRoot: React.FC<PanelProps>;
export interface ContentProps {
    /** Children elements to be rendered inside the content box */
    children?: React.ReactNode;
}
export declare const PreContainer: React.FC<ContentProps>;
export declare const A: React.FC<ContentProps>;
export declare const B: React.FC<ContentProps>;
export declare const C: React.FC<ContentProps>;
export declare const ExpandedContent: React.FC<ContentProps>;
type PanelComponent = typeof PanelRoot & {
    PreContainer: React.FC<ContentProps>;
    Title: React.FC<PanelTitleProps>;
    A: React.FC<ContentProps>;
    B: React.FC<ContentProps>;
    C: React.FC<ContentProps>;
    ExpandedContent: React.FC<ContentProps>;
};
declare const Panel: PanelComponent;
export default Panel;