import * as React from 'react'; import { ColorValue, GestureResponderEvent, PressableAndroidRippleConfig, StyleProp, View, ViewStyle } from 'react-native'; import type { ThemeProp } from '../../types'; import { IconSource } from '../Icon'; export type Props = React.ComponentPropsWithRef & { /** * The label text of the item. */ label: string; /** * Icon to display for the `DrawerItem`. */ icon?: IconSource; /** * Whether to highlight the drawer item as active. */ active?: boolean; /** * Whether the item is disabled. */ disabled?: boolean; /** * Function to execute on press. */ onPress?: (e: GestureResponderEvent) => void; /** * Type of background drawabale to display the feedback (Android). * https://reactnative.dev/docs/pressable#rippleconfig */ background?: PressableAndroidRippleConfig; /** * Accessibility label for the button. This is read by the screen reader when the user taps the button. */ accessibilityLabel?: string; /** * Callback which returns a React element to display on the right side. For instance a Badge. */ right?: (props: { color: string; }) => React.ReactNode; /** * Specifies the largest possible scale a label font can reach. */ labelMaxFontSizeMultiplier?: number; /** * Color of the ripple effect. */ rippleColor?: ColorValue; style?: StyleProp; /** * @optional */ theme?: ThemeProp; }; /** * A component used to show an action item with an icon and a label in a navigation drawer. * * ## Usage * ```js * import * as React from 'react'; * import { Drawer } from 'react-native-paper'; * * const MyComponent = () => ( * * ); * * export default MyComponent; * ``` */ declare const DrawerItem: { ({ icon, label, active, disabled, theme: themeOverrides, rippleColor: customRippleColor, style, onPress, background, accessibilityLabel, right, labelMaxFontSizeMultiplier, ...rest }: Props): React.JSX.Element; displayName: string; }; export default DrawerItem; //# sourceMappingURL=DrawerItem.d.ts.map