import { FC } from 'react';
import { Tracker, TrackerValuesContext } from '../services/TrackTileService';
export type TrackerDetailsProps = {
    tracker: Tracker;
    valuesContext: TrackerValuesContext;
    referenceDate?: Date;
    onError?: (e: any) => void;
    canEditUnit?: boolean;
};
export declare const TrackerDetails: FC<TrackerDetailsProps>;
declare const defaultStyles: (theme: import("../../BrandConfigProvider/theme/types").Theme) => readonly ["TrackerDetails", import("../../BrandConfigProvider/styles/createStyles").NamedStyles<import("../../BrandConfigProvider/styles/createStyles").NamedStyles<{
    imageContainer: {
        width: number;
        height: number;
    };
    image: {
        flex: number;
        resizeMode: "contain";
    };
    radialProgressBorderView: unknown;
    radialProgressContainer: {
        position: "absolute";
        top: number;
        left: number;
        right: number;
        bottom: number;
    };
    imageProgressContainer: {
        height: number;
        justifyContent: "center";
        alignItems: "center";
        position: "relative";
    };
    trackAmountControlValueInputContainer: unknown;
    trackAmountControlValueLargeSizeText: unknown;
    trackAmountControlValueMediumSizeText: unknown;
    trackAmountControlValueSmallSizeText: unknown;
    container: {
        backgroundColor: string;
        alignItems: "center";
        flex: number;
        minHeight: string;
        paddingBottom: number;
        flexDirection: "column";
    };
    descriptionText: {
        textAlign: "left";
        color: string;
        marginHorizontal: number;
        fontSize: number;
        lineHeight: number;
    };
    targetContainer: {
        flexDirection: "column";
        justifyContent: "center";
        alignItems: "flex-end";
        minHeight: number;
        paddingBottom: number;
    };
    targetTextContainer: {
        paddingTop: number;
        flexDirection: "row";
        alignSelf: "center";
    };
    targetText: {
        letterSpacing: number;
        fontSize: number;
        lineHeight: number;
    };
    myTargetText: {
        color: string;
        fontSize: number;
        lineHeight: number;
        fontWeight: "700";
        paddingTop: number;
    };
    singleUnitText: {
        letterSpacing: number;
        fontSize: number;
        lineHeight: number;
    };
    historyChartContainer: {
        width: string;
        paddingHorizontal: number;
        flex: number;
    };
    radialProgressCircle: {
        stroke: string;
        radius: number;
        strokeWidth: number;
        strokeLinecap: string;
        rotation: number;
        shadow: number;
    };
    radialProgressAnimated: {
        strokeWidth: number;
    };
    firstDivider: {
        width: number;
        backgroundColor: string;
        marginVertical: number;
    };
    secondDivider: {
        width: number;
        backgroundColor: string;
        marginTop: number;
    };
}>>];
declare module './../../BrandConfigProvider/styles/types' {
    interface ComponentStyles extends ComponentNamedStyles<typeof defaultStyles> {
    }
}
export type TrackTileDetailsStyles = NamedStylesProp<typeof defaultStyles>;
export {};