import * as react_jsx_runtime from 'react/jsx-runtime';
import { BrandColorMode } from './brand-color-field.mjs';

/**
 * ChatWidgetAppearancePanel — WealthX DS (Organism)
 *
 * Brand-color settings for the embeddable website chat widget, beside a live
 * preview of the widget itself.
 *
 * The preview mirrors production rather than faking it: it is wrapped in a
 * nested ThemeProvider carrying the tenant color, and `brandColor` is passed
 * only in `"custom"` mode. So `"theme"` mode previews the same way it ships —
 * as the *absence* of an override, inheriting the tenant color.
 *
 * Pure display component. Persistence is owned by the app layer.
 */
interface ChatWidgetAppearancePanelProps {
    mode: BrandColorMode;
    onModeChange: (mode: BrandColorMode) => void;
    /** Tenant brand color from company settings. */
    themeColor: string;
    customColor: string;
    onCustomColorChange: (color: string) => void;
    /** Broker name shown in the preview widget header. */
    brokerName?: string;
    title?: string;
    disabled?: boolean;
    className?: string;
}
declare function ChatWidgetAppearancePanel({ mode, onModeChange, themeColor, customColor, onCustomColorChange, brokerName, title, disabled, className, }: ChatWidgetAppearancePanelProps): react_jsx_runtime.JSX.Element;

export { ChatWidgetAppearancePanel, type ChatWidgetAppearancePanelProps };