react-native-paper/lib/typescript/components/ToggleButton/index.d.ts

Material design for React Native

/// <reference types="react" />
declare const ToggleButton: (import("react").ComponentClass<Pick<{
    icon: import("../Icon").IconSource;
    size?: number | undefined;
    color?: string | undefined;
    disabled?: boolean | undefined;
    accessibilityLabel?: string | undefined;
    onPress?: ((value?: string | import("react-native").GestureResponderEvent | undefined) => void) | undefined;
    value?: string | undefined;
    status?: "checked" | "unchecked" | undefined;
    style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
    theme: ReactNativePaper.Theme;
}, "style" | "color" | "size" | "onPress" | "accessibilityLabel" | "icon" | "disabled" | "value" | "status"> & {
    theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
}, any> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<(import("react").ComponentClass<{
    icon: import("../Icon").IconSource;
    size?: number | undefined;
    color?: string | undefined;
    disabled?: boolean | undefined;
    accessibilityLabel?: string | undefined;
    onPress?: ((value?: string | import("react-native").GestureResponderEvent | undefined) => void) | undefined;
    value?: string | undefined;
    status?: "checked" | "unchecked" | undefined;
    style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
    theme: ReactNativePaper.Theme;
}, any> & (({ icon, size, theme, accessibilityLabel, disabled, style, value, status, onPress, ...rest }: {
    icon: import("../Icon").IconSource;
    size?: number | undefined;
    color?: string | undefined;
    disabled?: boolean | undefined;
    accessibilityLabel?: string | undefined;
    onPress?: ((value?: string | import("react-native").GestureResponderEvent | undefined) => void) | undefined;
    value?: string | undefined;
    status?: "checked" | "unchecked" | undefined;
    style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
    theme: ReactNativePaper.Theme;
}) => JSX.Element)) | (import("react").FunctionComponent<{
    icon: import("../Icon").IconSource;
    size?: number | undefined;
    color?: string | undefined;
    disabled?: boolean | undefined;
    accessibilityLabel?: string | undefined;
    onPress?: ((value?: string | import("react-native").GestureResponderEvent | undefined) => void) | undefined;
    value?: string | undefined;
    status?: "checked" | "unchecked" | undefined;
    style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
    theme: ReactNativePaper.Theme;
}> & (({ icon, size, theme, accessibilityLabel, disabled, style, value, status, onPress, ...rest }: {
    icon: import("../Icon").IconSource;
    size?: number | undefined;
    color?: string | undefined;
    disabled?: boolean | undefined;
    accessibilityLabel?: string | undefined;
    onPress?: ((value?: string | import("react-native").GestureResponderEvent | undefined) => void) | undefined;
    value?: string | undefined;
    status?: "checked" | "unchecked" | undefined;
    style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
    theme: ReactNativePaper.Theme;
}) => JSX.Element)), {}> & {
    Group: {
        ({ value, onValueChange, children }: {
            onValueChange: (value: string) => void | null;
            value: string | null;
            children: import("react").ReactNode;
        }): JSX.Element;
        displayName: string;
    };
    Row: {
        ({ value, onValueChange, children, style }: {
            onValueChange: (value: string) => void;
            value: string;
            children: import("react").ReactNode;
            style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
        }): JSX.Element;
        displayName: string;
    };
}) | (import("react").FunctionComponent<Pick<{
    icon: import("../Icon").IconSource;
    size?: number | undefined;
    color?: string | undefined;
    disabled?: boolean | undefined;
    accessibilityLabel?: string | undefined;
    onPress?: ((value?: string | import("react-native").GestureResponderEvent | undefined) => void) | undefined;
    value?: string | undefined;
    status?: "checked" | "unchecked" | undefined;
    style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
    theme: ReactNativePaper.Theme;
}, "style" | "color" | "size" | "onPress" | "accessibilityLabel" | "icon" | "disabled" | "value" | "status"> & {
    theme?: import("@callstack/react-theme-provider").$DeepPartial<ReactNativePaper.Theme> | undefined;
}> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<(import("react").ComponentClass<{
    icon: import("../Icon").IconSource;
    size?: number | undefined;
    color?: string | undefined;
    disabled?: boolean | undefined;
    accessibilityLabel?: string | undefined;
    onPress?: ((value?: string | import("react-native").GestureResponderEvent | undefined) => void) | undefined;
    value?: string | undefined;
    status?: "checked" | "unchecked" | undefined;
    style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
    theme: ReactNativePaper.Theme;
}, any> & (({ icon, size, theme, accessibilityLabel, disabled, style, value, status, onPress, ...rest }: {
    icon: import("../Icon").IconSource;
    size?: number | undefined;
    color?: string | undefined;
    disabled?: boolean | undefined;
    accessibilityLabel?: string | undefined;
    onPress?: ((value?: string | import("react-native").GestureResponderEvent | undefined) => void) | undefined;
    value?: string | undefined;
    status?: "checked" | "unchecked" | undefined;
    style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
    theme: ReactNativePaper.Theme;
}) => JSX.Element)) | (import("react").FunctionComponent<{
    icon: import("../Icon").IconSource;
    size?: number | undefined;
    color?: string | undefined;
    disabled?: boolean | undefined;
    accessibilityLabel?: string | undefined;
    onPress?: ((value?: string | import("react-native").GestureResponderEvent | undefined) => void) | undefined;
    value?: string | undefined;
    status?: "checked" | "unchecked" | undefined;
    style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
    theme: ReactNativePaper.Theme;
}> & (({ icon, size, theme, accessibilityLabel, disabled, style, value, status, onPress, ...rest }: {
    icon: import("../Icon").IconSource;
    size?: number | undefined;
    color?: string | undefined;
    disabled?: boolean | undefined;
    accessibilityLabel?: string | undefined;
    onPress?: ((value?: string | import("react-native").GestureResponderEvent | undefined) => void) | undefined;
    value?: string | undefined;
    status?: "checked" | "unchecked" | undefined;
    style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
    theme: ReactNativePaper.Theme;
}) => JSX.Element)), {}> & {
    Group: {
        ({ value, onValueChange, children }: {
            onValueChange: (value: string) => void | null;
            value: string | null;
            children: import("react").ReactNode;
        }): JSX.Element;
        displayName: string;
    };
    Row: {
        ({ value, onValueChange, children, style }: {
            onValueChange: (value: string) => void;
            value: string;
            children: import("react").ReactNode;
            style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
        }): JSX.Element;
        displayName: string;
    };
});
export default ToggleButton;