import { CSSProperties } from 'react';
import { CourierPreferencesTheme, CourierPreferences as CourierPreferencesElement } from '@trycourier/courier-ui-preferences';
import { CourierComponentThemeMode } from '@trycourier/courier-ui-core';
import { CourierPreferencePage } from '@trycourier/courier-js';
/** Props for the CourierPreferences React component. */
export interface CourierPreferencesProps {
    style?: CSSProperties;
    lightTheme?: CourierPreferencesTheme;
    darkTheme?: CourierPreferencesTheme;
    mode?: CourierComponentThemeMode;
    title?: string;
    subtitle?: string;
    brandId?: string;
    channelLabels?: Record<string, string>;
    /**
     * Render injected "dummy" preference data instead of fetching from the API.
     * Pass a full `CourierPreferencePage`; no sign-in / network is required.
     */
    previewData?: CourierPreferencePage;
    /**
     * Force the component's loading skeleton on/off. Useful while the host fetches
     * data it will inject via `previewData` (e.g. a brand) and wants the
     * component's own loading state shown in the meantime.
     */
    isLoading?: boolean;
    /**
     * Render the unpublished working draft instead of the published page (fetches
     * `draftPreferencePage`). Used by the hosted draft preview.
     */
    draft?: boolean;
    onError?: (error: Error) => void;
}
export declare const CourierPreferencesComponent: import('react').ForwardRefExoticComponent<CourierPreferencesProps & import('react').RefAttributes<CourierPreferencesElement>>;