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;
export declare const PaneContent: (props: BoxProps) => import("react/jsx-runtime").JSX.Element;
declare const _default: typeof SidebarContent & {
    Root: ({ className, children, ...props }: FlexProps) => import("react/jsx-runtime").JSX.Element;
    Header: (({ className, title, icon, onBack, onClose }: {
        className?: string | undefined;
        title?: string | undefined;
        icon?: "string" | "number" | "function" | "dashboard" | "question" | "clipboard" | "share" | "table" | "line" | "list" | "sort" | "filter" | "info" | "int" | "key" | "check" | "empty" | "unknown" | "lines" | "section" | "warning" | "return" | "database" | "metric" | "field" | "segment" | "fields" | "sum" | "breakout" | "pulse" | "snippet" | "collection" | "location" | "variable" | "search" | "model" | "external" | "history" | "move" | "person" | "sun" | "download" | "grid" | "revert" | "label" | "ellipsis" | "split" | "link" | "area" | "embed" | "progress" | "alert" | "document" | "group" | "tab" | "copy" | "add" | "add_column" | "add_data" | "add_row" | "add_to_dash" | "ai" | "alert_filled" | "alert_confirm" | "archive" | "attachment" | "arrow_up" | "arrow_down" | "arrow_left" | "arrow_left_to_line" | "arrow_right" | "arrow_split" | "audit" | "badge" | "bar" | "bell" | "birthday" | "bookmark" | "bookmark_filled" | "bolt" | "bolt_filled" | "bubble" | "burger" | "calendar" | "chevrondown" | "chevronleft" | "chevronright" | "chevronup" | "click" | "clock" | "clone" | "close" | "cloud" | "cloud_filled" | "compare" | "combine" | "connections" | "contract" | "curved" | "dash" | "curve" | "dyno" | "edit_document" | "enter_or_return" | "expand" | "expand_arrow" | "extract" | "eye" | "eye_crossed_out" | "eye_outline" | "bug" | "formula" | "funnel" | "funnel_outline" | "folder" | "folder_filled" | "gauge" | "gear" | "gem" | "globe" | "grabber" | "google" | "google_drive" | "google_sheet" | "home" | "horizontal_bar" | "hourglass" | "info_filled" | "info_outline" | "insight" | "io" | "join_full_outer" | "join_inner" | "join_left_outer" | "join_right_outer" | "index" | "ldap" | "learn" | "lightbulb" | "lineandbar" | "line_style_dashed" | "line_style_dotted" | "line_style_solid" | "lock" | "lock_filled" | "mail" | "mail_filled" | "model_with_badge" | "moon" | "move_card" | "new_folder" | "notebook" | "palette" | "pause" | "pencil" | "pencil_lines" | "permissions_limited" | "pie" | "pin" | "pinmap" | "pivot_table" | "play" | "play_outlined" | "popover" | "popular" | "recents" | "sankey" | "sql" | "subscription" | "straight" | "stepped" | "sort_arrows" | "sync" | "reference" | "refresh" | "refresh_downstream" | "rocket" | "ruler" | "shield" | "sidebar_closed" | "sidebar_open" | "slack" | "slack_colorized" | "smartscalar" | "sparkles" | "star_filled" | "star" | "store" | "t-shirt" | "table2" | "time_history" | "trash" | "trash_filled" | "triangle_left" | "triangle_right" | "unarchive" | "unpin" | "upload" | "verified" | "official_collection" | "verified_filled" | "view_archive" | "warning_round_filled" | "waterfall" | "webhook" | "10k" | "1m" | "zoom_in" | "zoom_out" | "scalar" | "cake" | "table_spaced" | "beaker" | "eye_filled" | undefined;
        onBack?: (() => void) | undefined;
        onClose?: (() => void) | undefined;
    }) => import("react/jsx-runtime").JSX.Element) & {
        Root: (props: FlexProps) => import("react/jsx-runtime").JSX.Element;
    };
    Content: ({ children, ...props }: BoxProps) => import("react/jsx-runtime").JSX.Element;
    Pane: (props: BoxProps) => import("react/jsx-runtime").JSX.Element;
};
export default _default;
