import { StyleProp, ViewStyle, TextStyle } from "react-native"; import { DefaultTheme } from "styled-components"; export declare type Props = { /** * Value of the radio button. */ value: string; /** * Label to be displayed on the item. */ label: string; /** * Whether radio is disabled. */ disabled?: boolean; /** * Function to execute on press. */ onPress?: () => void; /** * Accessibility label for the touchable. This is read by the screen reader when the user taps the touchable. */ accessibilityLabel?: string; /** * Custom color for unchecked radio. */ uncheckedColor?: string; /** * Custom color for radio. */ color?: string; /** * Status of radio button. */ status?: "checked" | "unchecked"; /** * Additional styles for container View. */ style?: StyleProp; /** * Style that is passed to Label element. */ labelStyle?: StyleProp; /** * @optional */ theme?: DefaultTheme; /** * testID to be used on tests. */ testID?: string; /** * Whether `` or `` should be used. * Left undefined `` will be used. */ mode?: "android" | "ios"; textAfterButton?: boolean; }; /** * RadioButton.Item allows you to press the whole row (item) instead of only the RadioButton. * *
*
* *
Pressed
*
*
* * ## Usage * ```js * import * as React from 'react'; * import RadioButton from 'react-native-simple-elements/components/RadioButton'; * * const MyComponent = () => { * const [value, setValue] = React.useState('first'); * * return ( * setValue(value)} value={value}> * * * * ); * }; * * export default MyComponent; *``` */ declare const RadioButtonItem: { ({ value, label, style, labelStyle, onPress, disabled, color, uncheckedColor, status, accessibilityLabel, testID, mode, textAfterButton, }: Props): JSX.Element; displayName: string; }; export default RadioButtonItem; declare const RadioButtonItemWithTheme: { ({ value, label, style, labelStyle, onPress, disabled, color, uncheckedColor, status, accessibilityLabel, testID, mode, textAfterButton, }: Props): JSX.Element; displayName: string; }; export { RadioButtonItemWithTheme as RadioButtonItem };