import * as React from 'react'; import { Animated, StyleProp, View, ViewStyle } from 'react-native'; import Surface from '../Surface'; declare type OutlinedCardProps = { mode: 'outlined'; elevation?: never; }; declare type ElevatedCardProps = { mode?: 'elevated'; elevation?: number; }; declare type Props = React.ComponentProps & { /** * Resting elevation of the card which controls the drop shadow. */ elevation?: never | number; /** * Function to execute on long press. */ onLongPress?: () => void; /** * Function to execute on press. */ onPress?: () => void; /** * Mode of the Card. * - `elevated` - Card with elevation. * - `outlined` - Card with an outline. */ mode?: 'elevated' | 'outlined'; /** * Content of the `Card`. */ children: React.ReactNode; style?: StyleProp; /** * @optional */ theme: ReactNativePaper.Theme; /** * Pass down testID from card props to touchable */ testID?: string; /** * Pass down accessible from card props to touchable */ accessible?: boolean; }; declare const _default: React.ComponentType<(Pick & { children: React.ReactNode; style?: false | import("react-native").RegisteredStyle | Animated.Value | Animated.AnimatedInterpolation | Animated.WithAnimatedObject | Animated.WithAnimatedArray | import("react-native").RecursiveArray> | readonly (ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle)[]> | null | undefined; theme: ReactNativePaper.Theme; }, keyof import("react-native").ViewProps | keyof React.RefAttributes> & { theme?: import("@callstack/react-theme-provider").$DeepPartial | undefined; } & { /** * Resting elevation of the card which controls the drop shadow. */ elevation?: number | undefined; /** * Function to execute on long press. */ onLongPress?: (() => void) | undefined; /** * Function to execute on press. */ onPress?: (() => void) | undefined; /** * Mode of the Card. * - `elevated` - Card with elevation. * - `outlined` - Card with an outline. */ mode?: "outlined" | "elevated" | undefined; /** * Content of the `Card`. */ children: React.ReactNode; style?: StyleProp; /** * @optional */ theme: ReactNativePaper.Theme; /** * Pass down testID from card props to touchable */ testID?: string | undefined; /** * Pass down accessible from card props to touchable */ accessible?: boolean | undefined; }, "onPress" | "onLongPress" | keyof import("react-native").ViewProps | keyof React.RefAttributes | keyof OutlinedCardProps> | Pick & { children: React.ReactNode; style?: false | import("react-native").RegisteredStyle | Animated.Value | Animated.AnimatedInterpolation | Animated.WithAnimatedObject | Animated.WithAnimatedArray | import("react-native").RecursiveArray> | readonly (ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle)[]> | null | undefined; theme: ReactNativePaper.Theme; }, keyof import("react-native").ViewProps | keyof React.RefAttributes> & { theme?: import("@callstack/react-theme-provider").$DeepPartial | undefined; } & { children?: React.ReactNode; } & { /** * Resting elevation of the card which controls the drop shadow. */ elevation?: number | undefined; /** * Function to execute on long press. */ onLongPress?: (() => void) | undefined; /** * Function to execute on press. */ onPress?: (() => void) | undefined; /** * Mode of the Card. * - `elevated` - Card with elevation. * - `outlined` - Card with an outline. */ mode?: "outlined" | "elevated" | undefined; /** * Content of the `Card`. */ children: React.ReactNode; style?: StyleProp; /** * @optional */ theme: ReactNativePaper.Theme; /** * Pass down testID from card props to touchable */ testID?: string | undefined; /** * Pass down accessible from card props to touchable */ accessible?: boolean | undefined; }, "onPress" | "onLongPress" | keyof import("react-native").ViewProps | keyof React.RefAttributes | keyof OutlinedCardProps> | Pick & { children: React.ReactNode; style?: false | import("react-native").RegisteredStyle | Animated.Value | Animated.AnimatedInterpolation | Animated.WithAnimatedObject | Animated.WithAnimatedArray | import("react-native").RecursiveArray> | readonly (ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle)[]> | null | undefined; theme: ReactNativePaper.Theme; }, keyof import("react-native").ViewProps | keyof React.RefAttributes> & { theme?: import("@callstack/react-theme-provider").$DeepPartial | undefined; } & { /** * Resting elevation of the card which controls the drop shadow. */ elevation?: number | undefined; /** * Function to execute on long press. */ onLongPress?: (() => void) | undefined; /** * Function to execute on press. */ onPress?: (() => void) | undefined; /** * Mode of the Card. * - `elevated` - Card with elevation. * - `outlined` - Card with an outline. */ mode?: "outlined" | "elevated" | undefined; /** * Content of the `Card`. */ children: React.ReactNode; style?: StyleProp; /** * @optional */ theme: ReactNativePaper.Theme; /** * Pass down testID from card props to touchable */ testID?: string | undefined; /** * Pass down accessible from card props to touchable */ accessible?: boolean | undefined; }, "onPress" | "onLongPress" | keyof import("react-native").ViewProps | keyof React.RefAttributes | keyof ElevatedCardProps> | Pick & { children: React.ReactNode; style?: false | import("react-native").RegisteredStyle | Animated.Value | Animated.AnimatedInterpolation | Animated.WithAnimatedObject | Animated.WithAnimatedArray | import("react-native").RecursiveArray> | readonly (ViewStyle | import("react-native").Falsy | import("react-native").RegisteredStyle)[]> | null | undefined; theme: ReactNativePaper.Theme; }, keyof import("react-native").ViewProps | keyof React.RefAttributes> & { theme?: import("@callstack/react-theme-provider").$DeepPartial | undefined; } & { children?: React.ReactNode; } & { /** * Resting elevation of the card which controls the drop shadow. */ elevation?: number | undefined; /** * Function to execute on long press. */ onLongPress?: (() => void) | undefined; /** * Function to execute on press. */ onPress?: (() => void) | undefined; /** * Mode of the Card. * - `elevated` - Card with elevation. * - `outlined` - Card with an outline. */ mode?: "outlined" | "elevated" | undefined; /** * Content of the `Card`. */ children: React.ReactNode; style?: StyleProp; /** * @optional */ theme: ReactNativePaper.Theme; /** * Pass down testID from card props to touchable */ testID?: string | undefined; /** * Pass down accessible from card props to touchable */ accessible?: boolean | undefined; }, "onPress" | "onLongPress" | keyof import("react-native").ViewProps | keyof React.RefAttributes | keyof ElevatedCardProps>) & { theme?: import("@callstack/react-theme-provider").$DeepPartial | undefined; }> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics & { ({ elevation: cardElevation, onLongPress, onPress, mode: cardMode, children, style, theme, testID, accessible, ...rest }: (OutlinedCardProps | ElevatedCardProps) & Props): JSX.Element; Content: { ({ index, total, siblings, style, ...rest }: import("react-native").ViewProps & React.RefAttributes & { children: React.ReactNode; index?: number | undefined; total?: number | undefined; siblings?: string[] | undefined; style?: StyleProp; }): JSX.Element; displayName: string; }; Actions: { (props: import("react-native").ViewProps & React.RefAttributes & { children: React.ReactNode; style?: StyleProp; }): JSX.Element; displayName: string; }; Cover: React.ComponentType & { index?: number | undefined; total?: number | undefined; style?: StyleProp; theme: ReactNativePaper.Theme; }, keyof import("react-native").ImageProps | "index" | "total" | keyof React.RefAttributes> & { theme?: import("@callstack/react-theme-provider").$DeepPartial | undefined; }> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics & { index?: number | undefined; total?: number | undefined; style?: StyleProp; theme: ReactNativePaper.Theme; }> & { ({ index, total, style, theme, ...rest }: import("react-native").ImageProps & React.RefAttributes & { index?: number | undefined; total?: number | undefined; style?: StyleProp; theme: ReactNativePaper.Theme; }): JSX.Element; displayName: string; }, {}>; Title: React.ComponentType & { title: React.ReactNode; titleStyle?: StyleProp; titleNumberOfLines?: number | undefined; subtitle?: React.ReactNode; subtitleStyle?: StyleProp; subtitleNumberOfLines?: number | undefined; left?: ((props: { size: number; /** * Function to execute on long press. */ }) => React.ReactNode) | undefined; leftStyle?: StyleProp; right?: ((props: { size: number; }) => React.ReactNode) | undefined; rightStyle?: StyleProp; index?: number | undefined; total?: number | undefined; style?: StyleProp; theme: ReactNativePaper.Theme; }, "title" | "left" | "right" | keyof import("react-native").ViewProps | keyof React.RefAttributes | "titleStyle" | "titleNumberOfLines" | "index" | "total" | "subtitle" | "subtitleStyle" | "subtitleNumberOfLines" | "leftStyle" | "rightStyle"> & { theme?: import("@callstack/react-theme-provider").$DeepPartial | undefined; }> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics & { title: React.ReactNode; titleStyle?: StyleProp; titleNumberOfLines?: number | undefined; subtitle?: React.ReactNode; subtitleStyle?: StyleProp; subtitleNumberOfLines?: number | undefined; left?: ((props: { size: number; /** * Function to execute on long press. */ }) => React.ReactNode) | undefined; leftStyle?: StyleProp; right?: ((props: { size: number; }) => React.ReactNode) | undefined; rightStyle?: StyleProp; index?: number | undefined; total?: number | undefined; style?: StyleProp; theme: ReactNativePaper.Theme; }> & { ({ title, titleStyle, titleNumberOfLines, subtitle, subtitleStyle, subtitleNumberOfLines, left, leftStyle, right, rightStyle, style, }: import("react-native").ViewProps & React.RefAttributes & { title: React.ReactNode; titleStyle?: StyleProp; titleNumberOfLines?: number | undefined; subtitle?: React.ReactNode; subtitleStyle?: StyleProp; subtitleNumberOfLines?: number | undefined; left?: ((props: { size: number; /** * Function to execute on long press. */ }) => React.ReactNode) | undefined; leftStyle?: StyleProp; right?: ((props: { size: number; }) => React.ReactNode) | undefined; rightStyle?: StyleProp; index?: number | undefined; total?: number | undefined; style?: StyleProp; theme: ReactNativePaper.Theme; }): JSX.Element; displayName: string; }, {}>; }, {}>; export default _default;