import React, { ComponentProps } from 'react';
import { IconButton } from '../IconButton';
import { ThemeChoice } from '../ThemeProvider/ThemeController';
declare type ThemeSwitchProps = ComponentProps<typeof IconButton> & {
    /**
     *  Theme based color from the palette form the light theme, defaults to
     *  @default $brandContrast
     */
    lightColor?: string;
    /**
     *  Theme based color from the palette from the dark theme, defaults to
     *  @default $brandContrast
     */
    darkColor?: string;
};
declare type ControlledThemeSwitchProps = ThemeSwitchProps & {
    choice: ThemeChoice;
    toggle: () => void;
};
/**
 * This theme switch component is UI only and can be used to make a theme switch in a SSR setting.
 */
export declare const ControlledThemeSwitch: React.ForwardRefExoticComponent<Pick<ControlledThemeSwitchProps, "size" | "choice" | "path" | "toggle" | "key" | "css" | "as" | "variant" | "destructive" | "force" | keyof React.ButtonHTMLAttributes<HTMLButtonElement> | "lightColor" | "darkColor"> & React.RefAttributes<HTMLButtonElement>>;
/**
 * The theme switch component can be used to switch from light to dark mode explicitly.
 *
 * Use the underlying hook `useThemeController` to create your own theme switch.
 */
export declare const ThemeSwitch: React.ForwardRefExoticComponent<Pick<ThemeSwitchProps, "size" | "path" | "key" | "css" | "as" | "variant" | "destructive" | "force" | keyof React.ButtonHTMLAttributes<HTMLButtonElement> | "lightColor" | "darkColor"> & React.RefAttributes<HTMLButtonElement>>;
export {};
