import { Panel } from './Panel';
declare const _default: {
    title: string;
    component: typeof Panel;
    tags: string[];
    argTypes: {
        color: {
            control: {
                type: string;
            };
        };
        value: {
            control: {
                type: string;
            };
        };
        disabled: {
            control: {
                type: string;
            };
        };
        bodyPadding: {
            control: {
                type: string;
            };
        };
    };
    parameters: {
        controls: {
            expanded: boolean;
        };
    };
};
export default _default;
export declare const InAGridLayout: {
    render: () => import("react/jsx-runtime").JSX.Element;
};
export declare const InAFixedSizedContainer: {
    render: () => import("react/jsx-runtime").JSX.Element;
};
export declare const FloatingPanelWithHeaderStyle: {
    render: () => import("react/jsx-runtime").JSX.Element;
};
export declare const Empty: {
    render: () => import("react/jsx-runtime").JSX.Element;
};
export declare const SingleContent: {
    render: () => import("react/jsx-runtime").JSX.Element;
};
export declare const MultipleContents: {
    render: () => import("react/jsx-runtime").JSX.Element;
};
export declare const SinglePanelPortals: {
    render: () => import("react/jsx-runtime").JSX.Element;
};
export declare const MultiPanelPortals: {
    render: () => import("react/jsx-runtime").JSX.Element;
};
export declare const ContentSupremacy: {
    render: () => import("react/jsx-runtime").JSX.Element;
};
export declare const CustomIconAndItsProps: {
    render: () => import("react/jsx-runtime").JSX.Element;
};
export declare const Uncontrolled: {
    render: () => import("react/jsx-runtime").JSX.Element;
};
export declare const Controlled: {
    render: () => import("react/jsx-runtime").JSX.Element;
};