import { type HTMLAttributes } from 'react';
import { type CssLength } from '../../../utils/css';
export type LampThemeTransitionTheme = 'dark' | 'light';
export type LampThemeTransitionLights = 'off' | 'on';
export type LampThemeTransitionProductImages = {
    darkOff: string;
    darkOn: string;
    lightOff: string;
    lightOn: string;
};
export type LampThemeTransitionProduct = {
    id: string;
    images: LampThemeTransitionProductImages;
    price: string;
    title: string;
};
export type LampThemeTransitionPageProps = Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onChange'> & {
    ariaLabel?: string;
    contentWidth?: CssLength;
    defaultLights?: LampThemeTransitionLights;
    defaultTheme?: LampThemeTransitionTheme;
    lightToggleLabel?: string;
    lights?: LampThemeTransitionLights;
    minHeight?: CssLength;
    onLightsChange?: (lights: LampThemeTransitionLights) => void;
    onThemeChange?: (theme: LampThemeTransitionTheme) => void;
    products?: readonly LampThemeTransitionProduct[];
    theme?: LampThemeTransitionTheme;
    themeToggleLabel?: string;
    useViewTransition?: boolean;
};
export declare const LampThemeTransitionPage: ({ ariaLabel, className, contentWidth, defaultLights, defaultTheme, lightToggleLabel, lights: controlledLights, minHeight, onLightsChange, onThemeChange, products, style, theme: controlledTheme, themeToggleLabel, useViewTransition, ...props }: LampThemeTransitionPageProps) => import("react/jsx-runtime").JSX.Element;