import { Refable, type Styleable } from "@trackunit/react-components";
export type WidgetMissingConfigurationProps = Refable<HTMLDivElement> & Styleable;
/**
 * WidgetMissingConfiguration displays a centered empty state inside a widget when it has not yet been configured.
 * It shows an illustration, a localized description, and a "Configure" button that opens the widget's edit mode
 * via `WidgetConfigRuntime.openEditMode()`. This component takes no props — all text is localized automatically.
 *
 * ### When to use
 * Use WidgetMissingConfiguration when a configurable widget is rendered for the first time and requires
 * user setup before it can display data (e.g., selecting a data source or configuring thresholds).
 *
 * ### When not to use
 * Do not use WidgetMissingConfiguration when the widget has been configured but has no data — use `WidgetNoData`.
 * Do not use it for error states — use `WidgetError`.
 *
 * @example Showing missing configuration state
 * ```tsx
 * import { WidgetMissingConfiguration } from "@trackunit/react-widgets";
 *
 * const ConfigurableWidget = ({ isConfigured }: { isConfigured: boolean }) => {
 *   if (!isConfigured) return <WidgetMissingConfiguration />;
 *   return <div>Widget content</div>;
 * };
 * ```
 * @returns {ReactNode} WidgetMissingConfiguration component
 */
export declare const WidgetMissingConfiguration: ({ ref, style }: WidgetMissingConfigurationProps) => import("react").JSX.Element;