@transkripid/flowbite-react/lib/components/ToggleSwitch/ToggleSwitch.d.ts

Official React components built for Flowbite and Tailwind CSS - Transkrip.id fork

import type { ComponentProps } from 'react';
import type { DeepPartial } from '../../types';
import type { FlowbiteBoolean, FlowbiteColors } from '../Flowbite';
import type { FlowbiteTextInputSizes } from '../TextInput';
export interface FlowbiteToggleSwitchTheme {
    root: FlowbiteToggleSwitchRootTheme;
    toggle: FlowbiteToggleSwitchToggleTheme;
}
export interface FlowbiteToggleSwitchRootTheme {
    base: string;
    active: FlowbiteBoolean;
    label: string;
}
export interface FlowbiteToggleSwitchToggleTheme {
    base: string;
    sizes: FlowbiteTextInputSizes;
    checked: FlowbiteBoolean & {
        color: FlowbiteColors;
    };
}
export type ToggleSwitchProps = Omit<ComponentProps<'button'>, 'onChange' | 'ref'> & {
    checked: boolean;
    color?: keyof FlowbiteColors;
    sizing?: keyof FlowbiteTextInputSizes;
    label?: string;
    onChange: (checked: boolean) => void;
    theme?: DeepPartial<FlowbiteToggleSwitchTheme>;
};
export declare const ToggleSwitch: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "onChange" | "ref"> & {
    checked: boolean;
    color?: keyof FlowbiteColors | undefined;
    sizing?: keyof FlowbiteTextInputSizes | undefined;
    label?: string | undefined;
    onChange: (checked: boolean) => void;
    theme?: {
        root?: {
            base?: string | undefined;
            active?: {
                off?: string | undefined;
                on?: string | undefined;
            } | undefined;
            label?: string | undefined;
        } | undefined;
        toggle?: {
            base?: string | undefined;
            sizes?: {
                [x: string]: string | undefined;
                sm?: string | undefined;
                md?: string | undefined;
                lg?: string | undefined;
            } | undefined;
            checked?: {
                off?: string | undefined;
                on?: string | undefined;
                color?: {
                    [x: string]: string | undefined;
                    blue?: string | undefined;
                    cyan?: string | undefined;
                    dark?: string | undefined;
                    gray?: string | undefined;
                    green?: string | undefined;
                    indigo?: string | undefined;
                    light?: string | undefined;
                    lime?: string | undefined;
                    pink?: string | undefined;
                    purple?: string | undefined;
                    red?: string | undefined;
                    teal?: string | undefined;
                    yellow?: string | undefined;
                    info?: string | undefined;
                    failure?: string | undefined;
                    success?: string | undefined;
                    warning?: string | undefined;
                } | undefined;
            } | undefined;
        } | undefined;
    } | undefined;
} & import("react").RefAttributes<HTMLInputElement>>;