import * as React from 'react';
import { ReactNode, HTMLProps } from 'react';
import { FlexProps } from '../Flex';
export declare const baseClassName = "ab-Panel";
export interface HeaderProps extends FlexProps {
    className?: string;
    style?: React.CSSProperties;
    onClick?: () => void;
}
export type PanelProps = HTMLProps<HTMLDivElement> & {
    header?: ReactNode | string;
    children?: ReactNode;
    headerProps?: HeaderProps;
    bodyProps?: {
        className?: string;
        style?: React.CSSProperties;
    };
    variant?: 'default' | 'primary' | 'modern';
    border?: string | number;
    bodyScroll?: string | boolean;
} & FlexProps;
declare const PlainHeader: ({ children, className }: {
    children?: ReactNode;
    className?: string;
}) => React.JSX.Element;
declare const FlexBody: ({ children, className }: {
    children?: ReactNode;
    className?: string;
}) => React.JSX.Element;
declare const Panel: React.FC<PanelProps> & {
    FlexBody: typeof FlexBody;
    PlainHeader: typeof PlainHeader;
};
export default Panel;