import { CSSProperties } from 'react';
import { BackgroundVariant } from '../hooks/use-theme';
export interface ThemeBackgroundProps {
    /**
     * Positioning mode:
     * - `'fixed'` (default): fullscreen fixed layer behind content. Content is wrapped in z-10.
     * - `'absolute'`: absolute-positioned layer within parent. No children wrapper.
     */
    mode?: 'fixed' | 'absolute';
    /** Override the variant from the theme store */
    variant?: BackgroundVariant;
    /** Override CDN base URL for self-hosted assets */
    cdnBase?: string;
    /** Additional CSS class for the background container */
    className?: string;
    /** Inline styles for the background container */
    style?: CSSProperties;
    /** Content rendered on top of the background (only used in fixed mode) */
    children?: React.ReactNode;
}
/**
 * Unified background component that renders the selected `backgroundVariant`.
 * Used by all theme layouts (Default, Sonoma, Tahoe) via two positioning modes:
 *
 * - **fixed** (Default layouts): fullscreen fixed layer + content wrapper at z-10
 * - **absolute** (macOS layouts): absolute layer within parent container, no children wrapper
 *
 * When variant is `'none'`, renders children without any background layer.
 */
export declare const ThemeBackground: React.FC<ThemeBackgroundProps>;
/** Get the CDN URL for a specific SVG background asset */
export declare function getBackgroundUrl(variant: Exclude<BackgroundVariant, 'none' | 'base'>, isDark: boolean, base?: string): string;
export default ThemeBackground;
