import type { ReactNode } from "react";
import { type BoxProps, type FlexProps, type IconName } from "../../../ui";
type Props = {
    className?: string;
    title?: string;
    icon?: IconName;
    color?: string;
    onBack?: () => void;
    onClose?: () => void;
    onDone?: () => void;
    doneButtonText?: string;
    footer?: ReactNode;
    children?: ReactNode;
    "data-testid"?: string;
};
declare function SidebarContent({ className, title, icon, color, onBack, onClose, onDone, doneButtonText, footer, children, "data-testid": dataTestId, }: Props): import("react/jsx-runtime").JSX.Element;
declare const _default: typeof SidebarContent & {
    Root: ({ className, children, ...props }: FlexProps) => import("react/jsx-runtime").JSX.Element;
    Header: any;
    Content: ({ children, ...props }: BoxProps & {
        children: ReactNode;
    }) => import("react/jsx-runtime").JSX.Element;
    Pane: (props: BoxProps & {
        children: ReactNode;
    }) => import("react/jsx-runtime").JSX.Element;
};
export default _default;
