export declare const styles: {
    container: {
        flex: number;
        justifyContent: "flex-start";
        alignItems: "center";
        padding: number;
    };
    title: {
        fontWeight: "bold";
        marginBottom: number;
        marginTop: number;
        textAlign: "center";
    };
    chartWrapper: {
        alignItems: "center";
        justifyContent: "center";
        shadowColor: string;
        shadowOffset: {
            width: number;
            height: number;
        };
        shadowOpacity: number;
        shadowRadius: number;
        elevation: number;
        width: "100%";
        flex: number;
    };
    chartContainerWithLegend: {
        alignItems: "center";
        width: "100%";
        flexDirection: "column";
        justifyContent: "center";
        flex: number;
        paddingHorizontal: number;
    };
    chartTopSpace: {
        height: number;
    };
    chartContainer: {
        position: "relative";
        justifyContent: "center";
        alignItems: "center";
        marginBottom: number;
    };
    centerTextContainer: {
        position: "absolute";
        top: number;
        left: number;
        right: number;
        bottom: number;
        justifyContent: "center";
        alignItems: "center";
    };
    centerText: {
        fontWeight: "bold";
        textAlign: "center";
    };
    totalStorageText: {
        fontWeight: "600";
        marginTop: number;
        textAlign: "center";
    };
    legendContainer: {
        width: "100%";
        marginTop: number;
        paddingHorizontal: number;
        backgroundColor: string;
    };
    legendScrollContent: {
        paddingBottom: number;
    };
    legendItem: {
        flexDirection: "row";
        alignItems: "center";
        justifyContent: "space-between";
        marginVertical: number;
        paddingVertical: number;
        paddingHorizontal: number;
        borderRadius: number;
    };
    legendLeftSection: {
        flexDirection: "row";
        alignItems: "center";
    };
    legendRightSection: {
        alignItems: "flex-end";
    };
    legendColor: {
        width: number;
        height: number;
        borderRadius: number;
        marginRight: number;
    };
    legendText: {
        fontSize: number;
        fontWeight: "500";
    };
    legendSize: {
        fontSize: number;
        fontWeight: "600";
    };
    legendPercentage: {
        fontSize: number;
        marginTop: number;
    };
};