import React, { ReactNode } from 'react';
import { Style } from 'inlines';
export type SidePanelRootProps = {
    children: ReactNode;
    open?: boolean;
    onOpenChange?: (open: boolean) => void;
};
export declare function Root({ children, open: openProp, onOpenChange, }: SidePanelRootProps): React.JSX.Element;
export type SidePanelTriggerProps = {
    children: ReactNode;
};
export declare function Trigger({ children }: SidePanelTriggerProps): React.JSX.Element;
export type SidePanelContentProps = {
    children: (({ open, close }: {
        open: boolean;
        close: () => void;
    }) => ReactNode) | ReactNode;
    width?: string | number;
    position?: 'left' | 'right';
};
export declare function Content({ children, width, position, }: SidePanelContentProps): React.JSX.Element;
export type SidePanelWarningProps = {
    type?: 'warning' | 'alert';
    children?: ReactNode;
    style?: Style;
};
export declare const Warning: ({ type, children, style, }: SidePanelWarningProps) => React.JSX.Element;
export type SidePanelTitleProps = {
    children: ReactNode | ReactNode[];
    closeFunc?: () => void;
};
export declare function Title({ children, closeFunc }: SidePanelTitleProps): React.JSX.Element;
export type SidePanelBodyProps = {
    children: ReactNode;
};
export declare function Body({ children }: SidePanelBodyProps): React.JSX.Element;
export type SidePanelActionsProps = {
    children: ReactNode;
    transparent?: boolean;
};
export declare function Actions({ children, transparent, }: SidePanelActionsProps): React.JSX.Element;
