@anatoliygatt/dark-mode-toggle/dist/types/DarkModeToggle.d.ts

A dark mode toggle component for React.

/// <reference types="react" />
export declare type Mode = 'dark' | 'light';
export declare type Size = 'sm' | 'md' | 'lg';
export interface StyledProps {
    size?: Size;
    inactiveLabelColor?: string;
    inactiveLabelColorOnHover?: string;
    inactiveLabelColorOnActive?: string;
    activeLabelColor?: string;
    activeLabelColorOnHover?: string;
    activeLabelColorOnActive?: string;
    inactiveTrackColor?: string;
    inactiveTrackColorOnHover?: string;
    inactiveTrackColorOnActive?: string;
    activeTrackColor?: string;
    activeTrackColorOnHover?: string;
    activeTrackColorOnActive?: string;
    inactiveThumbColor?: string;
    activeThumbColor?: string;
    focusRingColor?: string;
}
export interface AccessibilityProps {
    ariaLabel?: string;
}
export interface Props extends StyledProps, AccessibilityProps {
    mode?: Mode;
    dark?: string;
    light?: string;
    onChange?: (mode: Mode) => void;
}
export declare function DarkModeToggle({ mode, dark, light, onChange, size, inactiveLabelColor, inactiveLabelColorOnHover, inactiveLabelColorOnActive, activeLabelColor, activeLabelColorOnHover, activeLabelColorOnActive, inactiveTrackColor, inactiveTrackColorOnHover, inactiveTrackColorOnActive, activeTrackColor, activeTrackColorOnHover, activeTrackColorOnActive, inactiveThumbColor, activeThumbColor, focusRingColor, ariaLabel, }: Props): JSX.Element;
//# sourceMappingURL=DarkModeToggle.d.ts.map