/// <reference types="react" />
import { Themable } from '../../../infra/contexts/theme-provider/types.js';
/** Horizontal space before the AI icon in the default (interactive) narrative row. */
export declare const NARRATIVE_TOP_SLOT_LEADING_GUTTER_PX = 18;
/** Space after feedback controls (interactive) and plain narrative right inset. */
export declare const NARRATIVE_TOP_SLOT_TRAILING_GUTTER_PX = 12;
/**
 * Full-bleed chart panel styling for narrative content in a widget top slot,
 * so it visually continues into the chart content area (same colors, no gray gutters).
 *
 * Use `$horizontalInset` for plain narrative (no leading AI icon) so text aligns with the
 * interactive variant and sits off the container edge.
 *
 * @internal
 */
export declare const NarrativeTopSlotShell: import("@emotion/styled").StyledComponent<{
    theme?: import("@emotion/react").Theme | undefined;
    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
} & Themable & {
    $horizontalInset?: boolean | undefined;
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;