export declare const COLLECTION_BROWSER_THEME_OPTIONS: {
    "--mb-color-text-collection-browser-expand-button": "collectionBrowser.breadcrumbs.expandButton.textColor";
    "--mb-color-bg-collection-browser-expand-button": "collectionBrowser.breadcrumbs.expandButton.backgroundColor";
    "--mb-color-text-collection-browser-expand-button-hover": "collectionBrowser.breadcrumbs.expandButton.hoverTextColor";
    "--mb-color-bg-collection-browser-expand-button-hover": "collectionBrowser.breadcrumbs.expandButton.hoverBackgroundColor";
};
/**
 * Maps the CSS variable name to the corresponding theme key in the Embedding SDK theme.
 *
 * In the main app, they will be mapped to the default theme values in [default-component-theme.ts].
 * In the Embedding SDK, they can be customized via the `theme` prop in MetabaseProvider.
 **/
export declare const CSS_VARIABLES_TO_SDK_THEME_MAP: {
    "--mb-color-text-collection-browser-expand-button": "collectionBrowser.breadcrumbs.expandButton.textColor";
    "--mb-color-bg-collection-browser-expand-button": "collectionBrowser.breadcrumbs.expandButton.backgroundColor";
    "--mb-color-text-collection-browser-expand-button-hover": "collectionBrowser.breadcrumbs.expandButton.hoverTextColor";
    "--mb-color-bg-collection-browser-expand-button-hover": "collectionBrowser.breadcrumbs.expandButton.hoverBackgroundColor";
    "--mb-overlay-z-index": "popover.zIndex";
    "--mb-color-tooltip-text": "tooltip.textColor";
    "--mb-color-tooltip-background": "tooltip.backgroundColor";
    "--mb-color-tooltip-background-focused": "tooltip.focusedBackgroundColor";
    "--mb-color-tooltip-text-secondary": "tooltip.secondaryTextColor";
    "--mb-color-bg-dashboard": "dashboard.backgroundColor";
    "--mb-color-bg-dashboard-card": "dashboard.card.backgroundColor";
    "--mb-color-bg-question": "question.backgroundColor";
    "--mb-color-bg-sdk-question-toolbar": "question.toolbar.backgroundColor";
};
