import * as React from 'react';
import { SwitchProps as RNSwitchProps } from 'react-native';
import { BoxProps } from '../Box';
import { TextProps } from '../Text';
import { FieldWrapperProps } from '../FieldWrapper';
export declare type LocalSwitchProps = {
    /** Color of the active thumb (web only). */
    activeThumbColor?: string;
    /** Color of the active track (web only). */
    activeTrackColor?: string;
    /** Aligns the switch to the left or right side. */
    align?: 'left' | 'right';
    /** Indicates if the switch is checked. */
    checked?: boolean;
    /** Sets the default checked state. */
    defaultChecked?: boolean;
    /** Disables the switch */
    disabled?: boolean;
    /** Switch label */
    label?: string;
    /*** Sets the props of the label */
    labelProps?: Partial<TextProps>;
    /*** Sets the color of the switch */
    palette?: string;
    /** Function to invoke when switch has changed */
    onChange?: ({ checked, value }: {
        checked: boolean;
        value?: any;
    }) => void;
    /** State of the switch. Can be any color in the palette. */
    state?: string;
    switchProps?: Partial<RNSwitchProps>;
    value?: any;
};
export declare type SwitchProps = BoxProps & RNSwitchProps & LocalSwitchProps;
export declare const Switch: React.ForwardRefExoticComponent<Omit<import("bumbag/types").CSSProperties, "pointerEvents"> & import("react-native").ViewProps & import("../Box").LocalBoxProps & {
    active?: boolean;
    focus?: boolean;
    hover?: boolean;
    hoveractive?: boolean;
} & RNSwitchProps & LocalSwitchProps & React.RefAttributes<unknown>> & {
    displayName?: string;
    useProps: (props?: Partial<SwitchProps>, config?: {
        disableCSSProps?: string[];
        themeKey?: string;
    }) => any;
};
export declare type LocalSwitchFieldProps = {
    /** Additional props for the Switch component */
    switchProps?: Partial<SwitchProps>;
    /** Label for the switch */
    switchLabel?: string;
};
export declare type SwitchFieldProps = BoxProps & FieldWrapperProps & SwitchProps & LocalSwitchFieldProps;
export declare const SwitchField: React.ForwardRefExoticComponent<Omit<import("bumbag/types").CSSProperties, "pointerEvents"> & import("react-native").ViewProps & import("../Box").LocalBoxProps & {
    active?: boolean;
    focus?: boolean;
    hover?: boolean;
    hoveractive?: boolean;
} & import("../FieldWrapper").LocalFieldWrapperProps & RNSwitchProps & LocalSwitchProps & LocalSwitchFieldProps & React.RefAttributes<unknown>> & {
    displayName?: string;
    useProps: (props?: Partial<SwitchFieldProps>, config?: {
        disableCSSProps?: string[];
        themeKey?: string;
    }) => any;
};