import React from 'react';
import { ImageSourcePropType, StyleProp, ViewStyle, ImageStyle, TextStyle } from 'react-native';
import { Card } from 'react-native-paper';
import { HeaderIcon } from '../__types__';
import { $DeepPartial } from '@callstack/react-theme-provider';
export declare type ScoreCardProps = Omit<React.ComponentProps<typeof Card>, 'children'> & {
    /**
     * Array of icons to render to the right of the header text.
     * A maximum of six will be rendered.
     */
    actionItems?: HeaderIcon[];
    /** Component to render for the card footer */
    actionRow?: JSX.Element;
    /** Component to render in the call-out area on the right side of the card body.
     * This is usually a single `Hero` or `HeroBanner`containing multiple Heroes.
     */
    badge?: JSX.Element;
    /** Vertical offset for the badge component to move it up and down */
    badgeOffset?: number;
    /** Background image to blend with the header color */
    headerBackgroundImage?: ImageSourcePropType;
    /** Background color of the header */
    headerColor?: string;
    /** The color for text and icons in the header */
    headerFontColor?: string;
    /** Third line of text to show in header */
    headerInfo?: string;
    /** Second line of text to show in header */
    headerSubtitle?: string;
    /** First line of text to show in the header */
    headerTitle: string;
    /** Style overrides for internal elements. The styles you provide will be combined with the default styles. */
    styles?: {
        root?: StyleProp<ViewStyle>;
        header?: StyleProp<ViewStyle>;
        backgroundImage?: StyleProp<ImageStyle>;
        headerContent?: StyleProp<ViewStyle>;
        headerText?: StyleProp<ViewStyle>;
        title?: StyleProp<TextStyle>;
        subtitle?: StyleProp<TextStyle>;
        info?: StyleProp<TextStyle>;
        headerActions?: StyleProp<ViewStyle>;
        headerActionItem?: StyleProp<ViewStyle>;
        body?: StyleProp<ViewStyle>;
        leftContent?: StyleProp<ViewStyle>;
        actionRow?: StyleProp<ViewStyle>;
        badge?: StyleProp<ViewStyle>;
    };
    /**
     * Theme value overrides specific to this component.
     */
    theme?: $DeepPartial<ReactNativePaper.Theme>;
};
/**
 * [ScoreCard](https://pxblue-components.github.io/react-native/?path=/info/components-documentation--score-card) component
 *
 * This component renders a "score card" which is typically used in dashboard
 * displays to show the status of individual items along with some details.
 * The header is configurable with various text elements and icon actions and the
 * main body is fully customizable. You can use the `badge` prop to supply elements
 * that can span between the header and the body, such as a [Hero](https://pxblue-components.github.io/react-native/?path=/info/components-documentation--hero) with a grade icon.
 */
export declare const ScoreCard: React.FC<ScoreCardProps>;