@hedia/recommendation-screen 1.1.2 → 1.2.1

package/src/RecommendationScreen.tsx

@@ -18,7 +18,8 @@ import { RecommendationError, TimeoutLimitError } from "./utils/RecommendationEr
 
 import { t } from "@lingui/macro";
 import Activity from "./components/activity/Activity";
-import HediaRecommendationModal from "./components/HediaRecommendationModal";
+import ExitModal from "./components/ExitModal";
+import RecommendationModal from "./components/RecommendationModal";
 import { changeLanguage, i18n } from "./locale/i18nUtils";
 import { IActivity, logbookEntry } from "./types/types";
 import { AttentionMessage } from "./utils/AttentionMessages";
@@ -53,15 +54,17 @@ export interface IRecommendationProps {
 
 	// Callbacks
 	carbRecommendationAnswer(carbRecommendationAnswer: boolean): void;
-	exitCallback(recentInsulin: boolean): void;
+	closeCalculationCallback(): void;
+	exitCallback(): void;
 	onRecentInsulinYes(): void;
 	transferToLogbook(carbs: IResult, insulin: IResult, reminder: number): void;
 	onError(error: RecommendationError): void;
+	showBolusBar(toggle: boolean): void;
 }
 
 interface IState {
 	remeasureTime: number;
-	showRecentInsulin: boolean;
+	isRecommendationDisplayed: boolean;
 	insulinRecommendation: number;
 	activityReduction?: number;
 	wasLimited: boolean;
@@ -72,10 +75,11 @@ interface IState {
 	enteredCarbs?: number;
 	enteredInsulin?: number;
 	recommendationModal: boolean;
+	exitModal: boolean;
 }
 
 export default class RecommendationScreen extends React.Component<IRecommendationProps, IState> {
-	private readonly timer: NodeJS.Timeout;
+	private readonly timer: ReturnType<typeof setTimeout>;
 	private readonly suggestedCarbs: number;
 	private scrollView: ScrollView;
 
@@ -100,7 +104,7 @@ export default class RecommendationScreen extends React.Component<IRecommendatio
 
 		this.state = {
 			remeasureTime: this.getBGLevelRemeasurementReminder(),
-			showRecentInsulin: recentBoluses?.length === 0,
+			isRecommendationDisplayed: recentBoluses?.length !== 0,
 			insulinRecommendation: Utils.roundValue(bolus, props.injectionMethod),
 			wasLimited,
 			activityReduction,
@@ -108,7 +112,8 @@ export default class RecommendationScreen extends React.Component<IRecommendatio
 			carbRecommendation,
 			activeInsulin,
 			selectedMood: null,
-			recommendationModal: wasLimited || !!carbRecommendation || !!this.getBGLevelAttentionMessage(),
+			recommendationModal: wasLimited || !!Math.round(carbRecommendation) || !!this.getBGLevelAttentionMessage(),
+			exitModal: false,
 		};
 
 		this.timer = setTimeout((): void => {
@@ -117,7 +122,12 @@ export default class RecommendationScreen extends React.Component<IRecommendatio
 	}
 
 	public onExit = (): void => {
-		this.props.exitCallback(this.state.showRecentInsulin);
+		if (this.state.isRecommendationDisplayed) {
+			this.setState({ exitModal: true }, (): void => this.props.showBolusBar(!this.state.exitModal));
+		} else {
+			this.props.exitCallback();
+			clearTimeout(this.timer);
+		}
 	};
 
 	public updateRemeasureTime = (remeasureTime: number): void => {
@@ -125,7 +135,7 @@ export default class RecommendationScreen extends React.Component<IRecommendatio
 	};
 
 	public handleNoRecentInsulin = (): void => {
-		this.setState({ showRecentInsulin: false }, (): void => {
+		this.setState({ isRecommendationDisplayed: true }, (): void => {
 			setTimeout((): void => {
 				this.scrollView?.scrollToEnd({ animated: true });
 			}, 0);
@@ -153,6 +163,15 @@ export default class RecommendationScreen extends React.Component<IRecommendatio
 		this.setState({ recommendationModal: false });
 	};
 
+	public hideExitModal = (): void => {
+		this.setState({ exitModal: false }, (): void => this.props.showBolusBar(!this.state.exitModal));
+	};
+	public closeCalculation = (): void => {
+		this.hideExitModal();
+		clearTimeout(this.timer);
+		this.props.closeCalculationCallback();
+	};
+
 	public handleMoodSelected = (selectedMood: IState["selectedMood"]): void => {
 		this.setState({ selectedMood });
 	};
@@ -162,6 +181,9 @@ export default class RecommendationScreen extends React.Component<IRecommendatio
 	};
 
 	public handleTransfer = (): void => {
+		if (this.state.exitModal) {
+			this.hideExitModal();
+		}
 		this.props.transferToLogbook(
 			{
 				suggested: this.suggestedCarbs,
@@ -205,6 +227,7 @@ export default class RecommendationScreen extends React.Component<IRecommendatio
 				<ScrollView style={containerStyles.container} ref={(view): ScrollView => (this.scrollView = view)}>
 					<Header exitCallback={this.onExit} />
 					<InfoBars
+						style={{ flex: 5 }}
 						label={i18n._(t`Active Insulin`)}
 						value={activeInsulin ? `${activeInsulin.toFixed(1)}` : null}
 						units={i18n._(t`units`)}
@@ -229,7 +252,7 @@ export default class RecommendationScreen extends React.Component<IRecommendatio
 								<RecommendedCarbs
 									enteredCarbs={`${carbohydrates}`}
 									changedRecommendedCarbs={this.updateCarbRecommendation}
-									recommendedCarbs={`${enteredCarbs ?? carbRecommendation}`}
+									recommendedCarbs={`${enteredCarbs ?? Math.round(carbRecommendation)}`}
 									removeRecommendedCarbs={this.removeCarbRecommendation}
 									onError={this.props.onError}
 								/>
@@ -247,7 +270,7 @@ export default class RecommendationScreen extends React.Component<IRecommendatio
 							activityReduction={this.state.activityReduction}
 						/>
 					) : null}
-					{this.state.showRecentInsulin ? (
+					{!this.state.isRecommendationDisplayed ? (
 						<RecentInsulin
 							onRecentInsulinYes={this.props.onRecentInsulinYes}
 							onRecentInsulinNo={this.handleNoRecentInsulin}
@@ -262,8 +285,8 @@ export default class RecommendationScreen extends React.Component<IRecommendatio
 						/>
 					)}
 					<Emotion moodSelected={this.handleMoodSelected} currentMood={this.state.selectedMood} />
-					<TransferToLogbook visible={!this.state.showRecentInsulin} transfer={this.handleTransfer} />
-					<HediaRecommendationModal
+					<TransferToLogbook visible={this.state.isRecommendationDisplayed} transfer={this.handleTransfer} />
+					<RecommendationModal
 						isVisible={recommendationModal}
 						suggestedCarbohydrates={carbRecommendation}
 						attentionMessage={this.getBGLevelAttentionMessage()}
@@ -273,6 +296,13 @@ export default class RecommendationScreen extends React.Component<IRecommendatio
 						onDeclineCarbohydrates={this.declineCarbRecommendation}
 					/>
 				</ScrollView>
+				{this.state.exitModal ? (
+					<ExitModal
+						onSave={this.handleTransfer}
+						onCloseCalculation={this.closeCalculation}
+						onClose={this.hideExitModal}
+					/>
+				) : null}
 			</I18nProvider>
 		);
 	}

package/src/components/ExitModal.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+interface IModalProps {
+    onSave(): void;
+    onCloseCalculation(): void;
+    onClose(): void;
+}
+export default class ExitModal extends React.Component<IModalProps> {
+    constructor(props: IModalProps);
+    render(): JSX.Element;
+}
+export {};

package/src/components/ExitModal.jsx

@@ -0,0 +1,87 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const macro_1 = require("@lingui/macro");
+const React = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const i18nUtils_1 = require("../locale/i18nUtils");
+const Constants_1 = require("../utils/Constants");
+const Icon_1 = __importDefault(require("./Icon"));
+const RecommendationModal_1 = require("./RecommendationModal");
+class ExitModal extends React.Component {
+    constructor(props) {
+        super(props);
+    }
+    render() {
+        return (<react_native_1.View style={[react_native_1.StyleSheet.absoluteFillObject, styles.container]}>
+				<react_native_1.View style={styles.modalContainer}>
+					<Icon_1.default accessibilityLabel="ModalExitIcon" iconIdentifier={`Ionicons/ios-close-circle-outline`} style={styles.icon} onPress={this.props.onClose}/>
+					<react_native_1.View style={styles.textContainer}>
+						<react_native_1.Text style={styles.title}>{i18nUtils_1.i18n._(macro_1.t `Save data before closing?`)}</react_native_1.Text>
+						<react_native_1.Text style={styles.message}>
+							{i18nUtils_1.i18n._(macro_1.t `Your saved data will be used for future calculations.`)}
+						</react_native_1.Text>
+					</react_native_1.View>
+					<react_native_1.View style={styles.buttonContainer}>
+						<react_native_1.TouchableOpacity accessibilityLabel="SaveToLogbook" onPress={this.props.onSave} style={styles.button}>
+							<react_native_1.Text style={styles.textButton}>{i18nUtils_1.i18n._(macro_1.t `Save to logbook`)}</react_native_1.Text>
+						</react_native_1.TouchableOpacity>
+						<react_native_1.TouchableOpacity accessibilityLabel="CloseCalculation" onPress={this.props.onCloseCalculation} style={styles.button}>
+							<react_native_1.Text style={styles.textButton}>{i18nUtils_1.i18n._(macro_1.t `Close calculation`)}</react_native_1.Text>
+						</react_native_1.TouchableOpacity>
+					</react_native_1.View>
+				</react_native_1.View>
+			</react_native_1.View>);
+    }
+}
+exports.default = ExitModal;
+const { height, width } = react_native_1.Dimensions.get(`screen`);
+const styles = react_native_1.StyleSheet.create({
+    container: { justifyContent: `center`, backgroundColor: `rgba(0, 0, 0, 0.9)` },
+    modalContainer: { margin: `4%`, backgroundColor: Constants_1.BACKGROUND_COLOUR_PURPLE, borderRadius: width / 25 },
+    icon: {
+        color: Constants_1.BORDER_COLOUR_GREY,
+        fontSize: width / 12,
+        textAlign: `right`,
+        marginRight: `4%`,
+        marginTop: `3%`,
+    },
+    textContainer: { marginHorizontal: `4%`, marginBottom: `5%`, alignSelf: `flex-start` },
+    title: {
+        color: `rgba(139, 144, 196, 1)`,
+        fontSize: width / 17,
+        fontWeight: `bold`,
+        textAlign: `center`,
+        marginBottom: `5%`,
+    },
+    message: { color: `rgba(245, 242, 242, 1)`, fontSize: width / 21, textAlign: `center` },
+    buttonContainer: {
+        flexDirection: `row`,
+        justifyContent: `space-around`,
+        marginHorizontal: `4%`,
+        marginVertical: `6%`,
+    },
+    button: { ...RecommendationModal_1.stylesModal.okButton, height: height / 17, marginTop: 0 },
+    textButton: { textAlign: `center`, fontSize: width / 24, color: `white` },
+});

package/src/components/ExitModal.tsx

@@ -0,0 +1,85 @@
+import { t } from "@lingui/macro";
+import * as React from "react";
+import { Dimensions, StyleSheet, Text, TouchableOpacity, View } from "react-native";
+import { i18n } from "../locale/i18nUtils";
+import { BACKGROUND_COLOUR_PURPLE, BORDER_COLOUR_GREY } from "../utils/Constants";
+import Icon from "./Icon";
+import { stylesModal } from "./RecommendationModal";
+
+interface IModalProps {
+	onSave(): void;
+	onCloseCalculation(): void;
+	onClose(): void;
+}
+
+export default class ExitModal extends React.Component<IModalProps> {
+	constructor(props: IModalProps) {
+		super(props);
+	}
+
+	public render(): JSX.Element {
+		return (
+			<View style={[StyleSheet.absoluteFillObject, styles.container]}>
+				<View style={styles.modalContainer}>
+					<Icon
+						accessibilityLabel="ModalExitIcon"
+						iconIdentifier={`Ionicons/ios-close-circle-outline`}
+						style={styles.icon}
+						onPress={this.props.onClose}
+					/>
+					<View style={styles.textContainer}>
+						<Text style={styles.title}>{i18n._(t`Save data before closing?`)}</Text>
+						<Text style={styles.message}>
+							{i18n._(t`Your saved data will be used for future calculations.`)}
+						</Text>
+					</View>
+					<View style={styles.buttonContainer}>
+						<TouchableOpacity
+							accessibilityLabel="SaveToLogbook"
+							onPress={this.props.onSave}
+							style={styles.button}
+						>
+							<Text style={styles.textButton}>{i18n._(t`Save to logbook`)}</Text>
+						</TouchableOpacity>
+						<TouchableOpacity
+							accessibilityLabel="CloseCalculation"
+							onPress={this.props.onCloseCalculation}
+							style={styles.button}
+						>
+							<Text style={styles.textButton}>{i18n._(t`Close calculation`)}</Text>
+						</TouchableOpacity>
+					</View>
+				</View>
+			</View>
+		);
+	}
+}
+const { height, width } = Dimensions.get(`screen`);
+const styles = StyleSheet.create({
+	container: { justifyContent: `center`, backgroundColor: `rgba(0, 0, 0, 0.9)` },
+	modalContainer: { margin: `4%`, backgroundColor: BACKGROUND_COLOUR_PURPLE, borderRadius: width / 25 },
+	icon: {
+		color: BORDER_COLOUR_GREY,
+		fontSize: width / 12,
+		textAlign: `right`,
+		marginRight: `4%`,
+		marginTop: `3%`,
+	},
+	textContainer: { marginHorizontal: `4%`, marginBottom: `5%`, alignSelf: `flex-start` },
+	title: {
+		color: `rgba(139, 144, 196, 1)`,
+		fontSize: width / 17,
+		fontWeight: `bold`,
+		textAlign: `center`,
+		marginBottom: `5%`,
+	},
+	message: { color: `rgba(245, 242, 242, 1)`, fontSize: width / 21, textAlign: `center` },
+	buttonContainer: {
+		flexDirection: `row`,
+		justifyContent: `space-around`,
+		marginHorizontal: `4%`,
+		marginVertical: `6%`,
+	},
+	button: { ...stylesModal.okButton, height: height / 17, marginTop: 0 },
+	textButton: { textAlign: `center`, fontSize: width / 24, color: `white` },
+});

package/src/components/Header.jsx

@@ -18,7 +18,7 @@ class Header extends react_1.default.Component {
 					<react_native_1.View style={exports.headerStyles.margin}>
 						<react_native_1.View style={exports.headerStyles.exitButtonContainer}>
 							<react_native_1.View style={exports.headerStyles.exitButton}>
-								<react_native_1.TouchableOpacity accessibilityLabel="exitButton" style={exports.headerStyles.exitButton} onPress={this.props.exitCallback}>
+								<react_native_1.TouchableOpacity testID="closeCalc" accessibilityLabel="exitButton" style={exports.headerStyles.exitButton} onPress={this.props.exitCallback}>
 									<Icon_1.default iconIdentifier={`Ionicons/ios-close-circle-outline`} style={exports.headerStyles.iconStyle}/>
 								</react_native_1.TouchableOpacity>
 								<react_native_1.View style={exports.headerStyles.headerFiller}/>

package/src/components/Header.tsx

@@ -19,6 +19,7 @@ export default class Header extends React.Component<IProps> {
 						<View style={headerStyles.exitButtonContainer}>
 							<View style={headerStyles.exitButton}>
 								<TouchableOpacity
+									testID="closeCalc"
 									accessibilityLabel="exitButton"
 									style={headerStyles.exitButton}
 									onPress={this.props.exitCallback}

package/src/components/InfoBars.d.ts

@@ -1,9 +1,11 @@
 import React from "react";
+import { StyleProp, ViewStyle } from "react-native";
 export interface IProps {
     label: string;
     value?: string;
     units: string;
     showZeroAsDash: boolean;
+    style?: StyleProp<ViewStyle>;
 }
 export default class InfoBars extends React.Component<IProps> {
     render(): JSX.Element;

package/src/components/InfoBars.jsx

@@ -18,8 +18,8 @@ class InfoBars extends react_1.default.Component {
 							<react_native_1.View style={exports.infoStyles.labelContainer}>
 								<react_native_1.Text style={exports.infoStyles.label}>{this.props.label}</react_native_1.Text>
 							</react_native_1.View>
-							<react_native_1.View style={exports.infoStyles.valueUnitContainer}>
-								<react_native_1.View style={exports.infoStyles.valueContainer}>
+							<react_native_1.View style={[{ ...exports.infoStyles.valueUnitContainer }, this.props.style]}>
+								<react_native_1.View style={[{ ...exports.infoStyles.valueContainer }, this.props.style]}>
 									<react_native_1.Text style={exports.infoStyles.value}>{displayedValue}</react_native_1.Text>
 								</react_native_1.View>
 								<react_native_1.View style={exports.infoStyles.unitContainer}>
@@ -67,7 +67,7 @@ exports.infoStyles = react_native_1.StyleSheet.create({
         flexDirection: `row`,
     },
     valueContainer: {
-        flex: 1,
+        flex: 4,
         justifyContent: `flex-end`,
     },
     value: {
@@ -77,7 +77,7 @@ exports.infoStyles = react_native_1.StyleSheet.create({
         textAlign: `right`,
     },
     unitContainer: {
-        flex: 1,
+        flex: 4,
         justifyContent: `flex-end`,
         paddingBottom: `3%`,
     },

package/src/components/InfoBars.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { Dimensions, StyleSheet, Text, View } from "react-native";
+import { Dimensions, StyleProp, StyleSheet, Text, View, ViewStyle } from "react-native";
 import { BORDER_COLOUR_GREY } from "../utils/Constants";
 import { headerStyles } from "./Header";
 
@@ -8,12 +8,12 @@ export interface IProps {
 	value?: string;
 	units: string;
 	showZeroAsDash: boolean;
+	style?: StyleProp<ViewStyle>;
 }
 
 export default class InfoBars extends React.Component<IProps> {
 	public render(): JSX.Element {
 		const displayedValue = this.props.value ?? (this.props.showZeroAsDash ? `-.-` : `0`);
-
 		return (
 			<View style={infoStyles.container}>
 				<View style={infoStyles.margin}>
@@ -22,8 +22,8 @@ export default class InfoBars extends React.Component<IProps> {
 							<View style={infoStyles.labelContainer}>
 								<Text style={infoStyles.label}>{this.props.label}</Text>
 							</View>
-							<View style={infoStyles.valueUnitContainer}>
-								<View style={infoStyles.valueContainer}>
+							<View style={[{ ...infoStyles.valueUnitContainer }, this.props.style]}>
+								<View style={[{ ...infoStyles.valueContainer }, this.props.style]}>
 									<Text style={infoStyles.value}>{displayedValue}</Text>
 								</View>
 								<View style={infoStyles.unitContainer}>
@@ -72,7 +72,7 @@ export const infoStyles = StyleSheet.create({
 		flexDirection: `row`,
 	},
 	valueContainer: {
-		flex: 1,
+		flex: 4,
 		justifyContent: `flex-end`,
 	},
 	value: {
@@ -82,7 +82,7 @@ export const infoStyles = StyleSheet.create({
 		textAlign: `right`,
 	},
 	unitContainer: {
-		flex: 1,
+		flex: 4,
 		justifyContent: `flex-end`,
 		paddingBottom: `3%`,
 	},

package/src/components/RecommendationModal.d.ts

@@ -0,0 +1,180 @@
+import * as React from "react";
+import { AttentionMessage } from "../utils/AttentionMessages";
+interface IModalProps {
+    isVisible: boolean;
+    suggestedCarbohydrates?: number;
+    attentionMessage: AttentionMessage;
+    limitationMessage: AttentionMessage;
+    onClickOkButton(): void;
+    onAcceptCarbohydrates(): void;
+    onDeclineCarbohydrates(): void;
+}
+interface IModalState {
+    firstPageVisible: boolean;
+}
+export default class RecommendationModal extends React.Component<IModalProps, IModalState> {
+    constructor(props: IModalProps);
+    okayButton(): JSX.Element;
+    nextButton(): JSX.Element;
+    onPressNextButton: () => void;
+    recommendationButtons: () => JSX.Element;
+    recommendCarbohydrates: () => JSX.Element;
+    secondPage: () => JSX.Element;
+    firstPage: () => JSX.Element;
+    render(): JSX.Element;
+}
+export declare const stylesModal: {
+    modalStyle: {
+        margin: number;
+    };
+    flex1: {
+        flex: number;
+    };
+    container: {
+        flex: number;
+        backgroundColor: string;
+    };
+    marginHorizontal: {
+        marginHorizontal: string;
+    };
+    marginVertical: {
+        marginVertical: string;
+    };
+    flexStart: {
+        flex: number;
+        justifyContent: "flex-start";
+    };
+    center: {
+        justifyContent: "center";
+        flex: number;
+    };
+    recommendationRow: {
+        flex: number;
+        justifyContent: "center";
+        alignContent: "center";
+    };
+    textContainer: {
+        flex: number;
+        justifyContent: "center";
+        marginHorizontal: string;
+    };
+    textContainerIfCarbs: {
+        flex: number;
+        justifyContent: "flex-end";
+        marginHorizontal: string;
+    };
+    textTittleMessage: {
+        color: string;
+        fontSize: number;
+        textAlign: "center";
+    };
+    textMessage: {
+        color: string;
+        fontSize: number;
+        textAlign: "center";
+    };
+    buttonText: {
+        color: string;
+        fontSize: number;
+        textAlign: "center";
+    };
+    okayButtonContainer: {
+        justifyContent: "center";
+        alignSelf: "center";
+        flexDirection: "row";
+        marginTop: string;
+    };
+    recommendationContainer: {
+        flex: number;
+        justifyContent: "flex-start";
+        marginHorizontal: string;
+    };
+    addToCalculationContainer: {
+        flex: number;
+        justifyContent: "flex-start";
+        marginVertical: string;
+    };
+    innerView: {
+        flex: number;
+        alignContent: "center";
+        paddingVertical: string;
+        paddingHorizontal: string;
+        marginVertical: string;
+        borderRadius: number;
+        borderWidth: number;
+        borderColor: string;
+    };
+    suggestedView: {
+        flexDirection: "row";
+        justifyContent: "center";
+    };
+    suggestedCarbs: {
+        color: string;
+        fontSize: number;
+        fontWeight: "bold";
+        textAlign: "center";
+    };
+    recommendEatingText: {
+        color: string;
+        fontSize: number;
+        textAlign: "center";
+    };
+    carbohydrateText: {
+        color: string;
+        fontSize: number;
+        textAlign: "center";
+    };
+    addToCalculation: {
+        color: string;
+        fontSize: number;
+        textAlign: "center";
+    };
+    recommendationButtonsContainer: {
+        justifyContent: "center";
+        flexDirection: "row";
+        marginTop: string;
+    };
+    affirmativeCarbsText: {
+        color: string;
+        fontSize: number;
+        textAlign: "center";
+    };
+    negativeCarbsText: {
+        color: string;
+        fontSize: number;
+        textAlign: "center";
+    };
+    affirmativeCarbsButton: {
+        marginTop: string;
+        borderRadius: number;
+        borderWidth: number;
+        borderColor: string;
+        width: number;
+        height: number;
+        alignSelf: "center";
+        justifyContent: "center";
+        marginRight: string;
+    };
+    negativeCarbsButton: {
+        marginTop: string;
+        borderRadius: number;
+        borderWidth: number;
+        borderColor: string;
+        width: number;
+        height: number;
+        alignSelf: "center";
+        justifyContent: "center";
+        marginLeft: string;
+    };
+    okButton: {
+        marginTop: string;
+        borderRadius: number;
+        borderWidth: number;
+        borderColor: string;
+        width: number;
+        height: number;
+        alignSelf: "center";
+        justifyContent: "center";
+    };
+};
+export {};