@hedia/recommendation-screen 2.1.75 → 2.2.0-alpha.1

package/src/components/RecommendedCarbs.tsx

@@ -1,303 +0,0 @@
-import React from "react";
-import { Alert, StyleSheet, TouchableOpacity, View } from "react-native";
-
-import CloseOutlined from "../assets/IconsSVG/CloseOutlined";
-import Edit from "../assets/IconsSVG/Edit";
-import { t } from "../locales/translate";
-import { Testing } from "../types/enum";
-import { colors } from "../utils/Constants";
-import { CarbohydrateLimitError } from "../utils/RecommendationError";
-import InvisibleNumberInput from "./InvisibleNumberInput";
-import LineSeparator from "./LineSeparator";
-import { FONTS } from "./styles/fonts";
-import Text from "./Text";
-
-const { RecommendedCarbsTestIds } = Testing.Id;
-
-export interface ICalculationRow {
-	label: string;
-	value: string;
-	units: string;
-}
-
-export interface IProps {
-	/** The amount of carbs in grams that was recommended to and accepted by the user. */
-	recommendedCarbs?: string;
-	/** The amount of carbs in grams that the user entered on the food screen. */
-	enteredCarbs: string;
-
-	/** Callback function that doesn’t accept any arguments and doesn’t return anything - To be called every time the “remove additional carbs” button has been pressed. */
-	removeRecommendedCarbs(): void;
-	/**
-	 * Callback function that takes a single number as argument and doesn’t return anything.
-	 * Function to be called when the entered carbohydrate value is changed by the user. The new value should be given as argument
-	 */
-	changedRecommendedCarbs(value: number): void;
-}
-
-export interface IState {
-	/** The internal value of the input field. */
-	partialInput?: string;
-}
-
-/**
- * The contents of the RecommendedCarbs component may vary quite a bit depending on data that was entered by the user
- * and on the result of the recommendation calculation.
- * For instance the part of the component that displays any recommendation of eating additional carbohydrates
- * (composed by the renderRecommendedCarbs() method) will only be visible if it is actually recommended that the user eats additional carbohydrates.
- */
-export default class RecommendedCarbs extends React.Component<IProps, IState> {
-	/** Initialise the state partialInput variable with undefined */
-	public state: IState = {
-		partialInput: undefined,
-	};
-
-	/**
-	 * Function taking no arguments and returning no value.
-	 * Will be bound to the function that activates input for InvisibleNumberInput when that component has been mounted.
-	 */
-	public callbackInput?: () => void;
-
-	/**
-	 * Handle what should happen when the additional carbohydrates amount has been pressed.
-	 *  Uses the InvisibleNumberInput child component to enable the user to input the amount of additional carbohydrates that they are taking.
-	 */
-	public showTextInput = (): void => {
-		this.callbackInput?.();
-	};
-
-	/**
-	 * Passed to the InvisibleNumberInput child component as a callback function to be called every time the content of the input field changes.
-	 *
-	 * Steps:
-	 * 1. Save partialInput argument to the partialInput state variable.
-	 * @param partialInput The contents of the input field.
-	 */
-	public handlePartialInput = (partialInput: string): void => {
-		this.setState({
-			partialInput,
-		});
-	};
-
-	/**
-	 * Handle what happens when input in the InvisibleNumberInput child component is completed.
-	 *
-	 * Steps:
-	 * 1. If the carbs argument is greater than or equal to 0:
-	 * 	- If the carbs argument is greater than 300:
-	 * 		- Set the partialInput state variable to the value of the recommemdedCarbs prop.
-	 * 		- Return - An alert message with the message of CarbohydrateLimitError() and with an OK button for closing it.
-	 * 	- Use carbs as argument to call the changedRecommendedCarbs prop callback function.
-
-	 * @param carbs The numerical value of the input field at completion.
-	 * @returns void
-	 */
-	public handleChangedCarbs = (carbs: number): void => {
-		if (carbs >= 0) {
-			if (carbs > 300) {
-				this.setState({ partialInput: this.props.recommendedCarbs });
-				return Alert.alert(t(`Attention`), CarbohydrateLimitError().message, [{ text: t(`OK`) }]);
-			}
-			this.props.changedRecommendedCarbs(carbs);
-		}
-	};
-
-	/**
-	 * Render the section of the component that displays the extra carbs that the user should eat
-	 * and allows the user to change the contents to indicate how many extra carbs they are actually going to eat.
-	 *
-	 * Steps:
-	 * 1. Set a variable named shownCarbs to the partialInput state if it is set, or to the recommendedCarbs prop rounded to the nearest integer otherwise.
-	 * 2. Set a variable named totalCarbs to the sum of the enteredCarbs prop and shownCarbs rounded to the nearest integer.
-	 * 3. Compose and return a JSX element consisting of the following sub-components
-	 * 	- A cancel button to remove recommended carbs from the calculation - When tapped, call the removeRecommendedCarbs prop callback function.
-	 * 	- The text from the shownCarbs variable from step 1 - When tapped, call the showTextInput() method.
-	 * 	- Use renderRow() to display the value of totalCarbs.
-	 * 	- InvisibleNumberInput for showing the keyboard to enable the user to enter a number.
-	 */
-	public renderRecommendedCarbs = (): JSX.Element => {
-		const shownCarbs = this.state.partialInput ?? Math.round(Number(this.props.recommendedCarbs));
-		const totalCarbs = Math.round(parseFloat(this.props.enteredCarbs) + Number(shownCarbs));
-		return (
-			<React.Fragment>
-				<LineSeparator borderBottomColor={colors.dustyDarkBlue} marginBottom={8} marginTop={16} />
-				<View style={[style.container, { marginBottom: 4 }]}>
-					<View style={style.recommendedContainer}>
-						<TouchableOpacity
-							testID={RecommendedCarbsTestIds.RemoveRecommendation}
-							style={style.removeRecommended}
-							onPress={this.props.removeRecommendedCarbs}
-						>
-							{CloseOutlined({ style: style.removeRecommendedIcon })}
-						</TouchableOpacity>
-						<Text style={style.recommendedLabel}>{t(`Recommended`)}</Text>
-					</View>
-				</View>
-				<View style={style.container}>
-					<View style={style.recommendedContainer}>
-						<Text style={{ ...style.recommendedLabel, color: colors.teal }}>{t(`Additional`)}</Text>
-					</View>
-					<View style={style.valueUnitContainer}>
-						<TouchableOpacity
-							testID={RecommendedCarbsTestIds.EditRecommendedCarbs}
-							onPress={this.showTextInput}
-							style={[style.valueUnitContainer]}
-						>
-							<Text
-								testID={RecommendedCarbsTestIds.RecommendedCarbs}
-								style={{ ...style.value, color: colors.teal }}
-							>
-								{shownCarbs}
-							</Text>
-							{Edit({ color: colors.teal, style: style.editIcon })}
-							<Text style={{ ...style.units, color: colors.teal }}>{t(`grams`)}</Text>
-						</TouchableOpacity>
-					</View>
-				</View>
-				<LineSeparator borderBottomColor={colors.dustyDarkBlue} marginBottom={16} marginTop={8} />
-				{this.renderRow(
-					{
-						label: t(`Total`),
-						value: totalCarbs.toString(),
-						units: t(`grams`),
-					},
-					RecommendedCarbsTestIds.TotalCarbs,
-				)}
-				<InvisibleNumberInput
-					testID={RecommendedCarbsTestIds.InvisibleCarbInput}
-					negativeAllowed={false}
-					cleanPartialInput={true}
-					decimalPlaces={0}
-					visible={(callback): (() => void) => (this.callbackInput = callback)}
-					partialInput={this.handlePartialInput}
-					onEnd={this.handleChangedCarbs}
-					startValue={this.props.recommendedCarbs}
-					maxLength={3}
-				/>
-			</React.Fragment>
-		);
-	};
-
-	/**
-	 * Display a row of information for the user. Specifically used to display the amount of carbohydrates that the user has entered.
-	 * @param row The values to display
-	 * @param testID Id used for component testing
-	 * @returns A JSX element to display 3 strings on the screen: label, value, and a unit.
-	 */
-	public renderRow = (row: ICalculationRow, testID: Testing.Id.RecommendedCarbsTestIds): JSX.Element => {
-		return (
-			<View style={style.container}>
-				<View style={style.rowContainer}>
-					<Text style={style.rowLabel}>{row.label}</Text>
-				</View>
-				<View style={style.valueUnitContainer}>
-					<Text testID={testID} style={style.value}>
-						{row.value}
-					</Text>
-					<Text style={style.units}>{row.units}</Text>
-				</View>
-			</View>
-		);
-	};
-
-	/**
-	 * Steps:
-	 * 1. Convert the recommendedCarbs prop to a number and save that as a variable named carbs.
-	 * 2. Use renderRow() to display the user’s entered amount of carbohydrates
-	 * 3. If carbs is not a NaN-value and it is positive, call renderRecommendedCarbs() to display the carbohydrate recommendation.
-	 */
-	public render(): JSX.Element {
-		const carbs = Number(this.props.recommendedCarbs);
-		return (
-			<React.Fragment>
-				<View style={style.foodTitleContainer}>
-					<Text style={style.label}>{t(`Food`)}</Text>
-					<Text style={style.foodUnitsLabel}>{`(${t(`Carbohydrates`)})`}</Text>
-				</View>
-				{this.renderRow(
-					{
-						label: t(`Entered`),
-						value: this.props.enteredCarbs,
-						units: t(`grams`),
-					},
-					RecommendedCarbsTestIds.EnteredCarbs,
-				)}
-				{!isNaN(carbs) && carbs > 0 ? this.renderRecommendedCarbs() : null}
-			</React.Fragment>
-		);
-	}
-}
-
-const style = StyleSheet.create({
-	container: {
-		flexDirection: `row`,
-		alignItems: `center`,
-	},
-	foodTitleContainer: {
-		flexDirection: `row`,
-		alignItems: `center`,
-		marginBottom: 4,
-	},
-	foodUnitsLabel: {
-		...FONTS.Poppins.regular_XS,
-		textAlign: `left`,
-		paddingLeft: 4,
-		color: colors.lightBlue,
-	},
-	rowContainer: {
-		flex: 7,
-	},
-	rowLabel: {
-		...FONTS.Poppins.regular_Base,
-		color: colors.white,
-	},
-	enteredContainer: {
-		flex: 3,
-		alignItems: `flex-end`,
-	},
-	valueUnitContainer: {
-		flex: 6.5,
-		justifyContent: `flex-end`,
-		alignItems: `baseline`,
-		flexDirection: `row`,
-	},
-	value: {
-		...FONTS.Poppins.medium_2XL,
-		color: colors.white,
-		textAlign: `right`,
-	},
-	units: {
-		...FONTS.Poppins.regular_XS,
-		color: colors.white,
-		textAlign: `left`,
-		paddingLeft: 4,
-	},
-	recommendedContainer: {
-		flex: 7,
-		flexDirection: `row`,
-	},
-	recommendedLabel: {
-		...FONTS.Poppins.regular_Base,
-		color: colors.teal,
-	},
-	removeRecommended: {
-		justifyContent: `center`,
-		alignItems: `center`,
-	},
-	removeRecommendedIcon: {
-		height: 20,
-		width: 20,
-		marginRight: 4,
-	},
-	editIcon: {
-		height: 16,
-		width: 16,
-		right: 0,
-		top: -8,
-		position: `absolute`,
-	},
-	label: {
-		...FONTS.Poppins.regular_Base,
-		color: colors.white,
-	},
-});

package/src/components/RecommendedInsulin.tsx

@@ -1,220 +0,0 @@
-import React from "react";
-import { Alert, StyleSheet, TouchableOpacity, View } from "react-native";
-
-import { BolusCalculator, UserSettings } from "@hedia/types";
-
-import Edit from "../assets/IconsSVG/Edit";
-import { t } from "../locales/translate";
-import { Testing } from "../types/enum";
-import { Messages } from "../utils/AttentionMessages";
-import { colors } from "../utils/Constants";
-import { Utils } from "../utils/Utils";
-import InvisibleNumberInput from "./InvisibleNumberInput";
-import { FONTS } from "./styles/fonts";
-import Text from "./Text";
-
-const { RecommendedInsulinTestIds } = Testing.Id;
-
-export interface IProps {
-	/** The amount of insulin in units to display to the user as a recommendation. */
-	insulinRecommendation: number;
-	/** The amount of insulin introduced by the user. */
-	enteredInsulin: number | null;
-	/**
-	 * The factor by which the recommendation was multiplied to get the reduced insulin amount.
-	 * Used by the RecommendedInsulin component to check that the user’s input doesn’t exceed the maximum allowed.
-	 * If no activity has been entered, this prop should be null.
-	 * */
-	activityReduction: number | null;
-	/** Used to determine how the insulin amount should be rounded. */
-	injectionMethod: UserSettings.Enums.InjectionMethod;
-
-	/**
-	 * Callback function taking a number as argument and giving no return value.
-	 * To be called with the new value every time the content of the insulin input field gets changed.
-	 */
-	updateRecommendedInsulin(value: number): void;
-}
-
-export interface IState {
-	/** The entered amount of insulin as a string. */
-	partialInput?: string;
-}
-
-const SAFETY_INSULIN_LIMIT = BolusCalculator.Constants.SAFETY_INSULIN_LIMIT;
-
-/** Input field for displaying the entered amount of insulin (which defaults to HDA’s recommendation) and allowing the user to edit it. */
-export default class RecommendedInsulin extends React.Component<IProps, IState> {
-	/** Initialise the state partialInput variable with undefined */
-	public state: IState = {
-		partialInput: undefined,
-	};
-	/**
-	 *  Function taking no arguments and returning no value.
-	 *  Will be bound to the function that activates input for InvisibleNumberInput when that component has been mounted.
-	 */
-	public callbackInput?: () => void;
-
-	/**
-	 * Called immediately after updating occurs. Not called for the initial render.
-	 * The snapshot is only present if getSnapshotBeforeUpdate is present and returns non-null.
-	 *
-	 * Steps:
-	 * 1. If the value of the enteredInsulin prop was changed, set the partialInput state variable to the new value.
-	 * @param prevProps The previous component props
-	 */
-	public componentDidUpdate(prevProps: IProps): void {
-		const { enteredInsulin } = this.props;
-		if (prevProps.enteredInsulin !== enteredInsulin) {
-			this.setState({ partialInput: enteredInsulin?.toString() });
-		}
-	}
-
-	/**
-	 * Handle what should happen when the InsulinRecommendation component has been pressed.
-	 * Uses the InvisibleNumberInput child component to enable the user to input the amount of insulin that hey are taking.
-	 *
-	 * Steps:
-	 * 1. Call the callbackInput() member method.
-	 */
-	public handleOnPress = (): void => {
-		this.callbackInput?.();
-	};
-
-	/**
-	 * Passed to the InvisibleNumberInput child component as a callback function to be called every time the content of the input field changes.
-	 *
-	 * Steps:
-	 * 1. Assign a new local variable, replacedZero, with the value of the insulin argument string
-	 * except for the first character if insulin is longer than 1 character and starts with a '0' but doesn’t start with ‘0.’.
-	 * Otherwise set it to insulin. This would be better handled by converting it to a number: replacedZero = Number(insulin);
-	 * 2. Save replacedZero to the partialInput state variable.
-	 * 3. Return replacedZero
-	 * @param insulin  The contents of the input field.
-	 * @returns The partially cleaned input.
-	 */
-	public updatePartially = (insulin: string): string => {
-		const replacedZero =
-			insulin.length > 1 && insulin.startsWith(`0`) && !insulin.startsWith(`0.`) ? insulin.substring(1) : insulin;
-		this.setState({
-			partialInput: replacedZero,
-		});
-		return replacedZero;
-	};
-
-	/**
-	 * Handle what happens when input in the InvisibleNumberInput child component is completed.
-	 *
-	 * Steps:
-	 * 1. Get the rounded insulin amount using the value argument and the injectionMethod prop as arguments for the Utils.roundValue() function.
-	 * 2. Get the adjusted safety insulin limit (due to activity) by multiplying the activity reduction factor (which is 1 minus the activityReduction prop) with the SAFETY_INSULIN_LIMIT constant.
-	 * 3. If the rounded value exceeds the adjusted safety threshold:
-	 * 	- Call the updatePartially() method with the adjusted safety threshold to set the insulin amount to the capped value.
-	 * 	- Return an Alert with a message about the insulin limit.
-	 * 4. Call the updatePartially() method with the rounded value to set the entered insulin value.
-	 * 5. Call the updateRecommendedInsulin callback function prop with rounded as the argument to report back the updated insulin amount to the parent RecommendationScreen component.
-	 * @param value The numerical value of the input field at completion.
-	 */
-	public handleUpdatedInsulin = (value: number): void => {
-		const rounded = Utils.roundValue(value, this.props.injectionMethod);
-
-		// https://hedia.atlassian.net/browse/HDA-795
-		const limited = (1 - (this.props.activityReduction ?? 0)) * SAFETY_INSULIN_LIMIT;
-
-		if (rounded > limited) {
-			this.setState({ partialInput: this.props.insulinRecommendation?.toString() ?? null });
-			this.props.updateRecommendedInsulin(this.props.insulinRecommendation);
-			return Alert.alert(t(`Attention`), Messages.InsulinInputWasLimited(this.props.activityReduction), [
-				{ text: t(`OK`) },
-			]);
-		}
-		this.updatePartially(`${rounded}`);
-		this.props.updateRecommendedInsulin(rounded);
-	};
-
-	/**
-	 * Render a JSX element to display the insulin input field with the current insulin amount value
-	 * and using an InvisibleNumberInput component to enable input when the insulin amount is tapped.
-	 */
-	public render = (): JSX.Element => {
-		const shownInsulin = this.state.partialInput ?? this.props.insulinRecommendation ?? `0`;
-		const { EditRecommendedInsulin, EditRecommendedInsulinIcon, ShownInsulinText, InvisibleInsulinInput } =
-			RecommendedInsulinTestIds;
-
-		return (
-			<React.Fragment>
-				<TouchableOpacity testID={EditRecommendedInsulin} onPress={this.handleOnPress} style={style.container}>
-					<Text style={style.titleText}>{t(`Recommended amount of insulin`)}</Text>
-					<Text style={style.insulinText} testID={ShownInsulinText}>
-						{shownInsulin}
-					</Text>
-					<Text style={style.unitsText}>{t(`Units`)}</Text>
-					<View style={style.enterManually}>
-						{Edit({ color: colors.teal, style: style.editIcon, testID: EditRecommendedInsulinIcon })}
-						<Text style={style.editText}>{t(`Enter Manually`)}</Text>
-					</View>
-				</TouchableOpacity>
-
-				<InvisibleNumberInput
-					testID={InvisibleInsulinInput}
-					decimalPlaces={1}
-					maxLength={4}
-					negativeAllowed={false}
-					cleanPartialInput={false}
-					partialInput={this.updatePartially}
-					onEnd={this.handleUpdatedInsulin}
-					visible={(visible): (() => void) => (this.callbackInput = visible)}
-					startValue={`${shownInsulin}`}
-				/>
-			</React.Fragment>
-		);
-	};
-}
-
-const style = StyleSheet.create({
-	container: {
-		borderRadius: 5,
-		padding: 16,
-		backgroundColor: colors.deepPurple,
-		marginBottom: 32,
-		minHeight: 200,
-	},
-	editText: {
-		...FONTS.Poppins.regular_SM,
-		color: colors.teal,
-		textAlign: `center`,
-	},
-	unitsText: {
-		...FONTS.Poppins.medium_XS,
-		color: colors.white,
-		textAlign: `center`,
-		marginTop: -16,
-		marginBottom: 16,
-	},
-	insulinText: {
-		...FONTS.Poppins.bold_6XL,
-		fontSize: 80,
-		color: colors.white,
-		textAlign: `center`,
-		minHeight: 110,
-		lineHeight: 90,
-		letterSpacing: 6,
-		justifyContent: `center`,
-	},
-	titleText: {
-		...FONTS.Poppins.medium_Base,
-		color: colors.white,
-		textAlign: `center`,
-		marginBottom: 16,
-	},
-	editIcon: {
-		height: 16,
-		width: 16,
-		marginRight: 4,
-		alignSelf: `center`,
-	},
-	enterManually: {
-		flexDirection: `row`,
-		justifyContent: `center`,
-	},
-});

package/src/components/Remeasure.tsx

@@ -1,135 +0,0 @@
-import Slider from "@react-native-community/slider";
-import React from "react";
-import { StyleSheet, View } from "react-native";
-
-import { t } from "../locales/translate";
-import { Testing } from "../types/enum";
-import { colors } from "../utils/Constants";
-import { FONTS } from "./styles/fonts";
-import Text from "./Text";
-
-export interface IProps {
-	/** The initial time (in hours) after which the user should be reminded to measure their BGL. */
-	remeasureTime: number;
-	/**
-	 * Callback function taking a single number (the new remeasurement time) as argument
-	 *  Function to be called every time the slider component is changed to a new value.
-	 */
-	onSliderChange(value: number): void;
-}
-export interface IState {
-	remeasureTime: number;
-}
-
-/**
- * The Remeasure component has a slider child component that the user can drag to change
- * when they will get a reminder notification about measuring their BGL again.
- */
-export default class Remeasure extends React.Component<IProps, IState> {
-	constructor(props: IProps) {
-		super(props);
-		this.state = { remeasureTime: props.remeasureTime };
-	}
-
-	/**
-	 * Steps:
-	 * 1. Use limitTime() to limit/clamp the value of remeasureTime in the range 0 to 6.
-	 * 2. Call the onSliderChange prop callback function with the limited value as argument.
-	 * @param remeasureTime The value of the remeasurement slider.
-	 */
-	public handleSliderChange = (remeasureTime: number): void => {
-		this.setState({ remeasureTime });
-		const limited = this.limitTime(remeasureTime);
-		this.props.onSliderChange(limited);
-	};
-
-	/**
-	 * Steps:
-	 * 1.Use Math.min() and Math.max() to clamp remeasureTime in the range 0 to 6 and return the result.
-	 * @param remeasureTime The value of the remeasurement slider.
-	 * @returns The limited remeasurement time in hours
-	 */
-	public limitTime = (remeasureTime: number): number => {
-		return Math.min(Math.max(0, remeasureTime), 6);
-	};
-
-	/**
-	 * Compose a JSX element for displaying the currently selected remeasurement time along
-	 * with a horizontal slider for changing it in increments of 0.5 hours in the range 0 to 6.
-	 */
-	public render(): JSX.Element {
-		const measure = this.state.remeasureTime > 0;
-		const limited = this.limitTime(this.state.remeasureTime);
-		const { RemeasureHours, RemeasureSlider } = Testing.Id.RemeasureTestIds;
-		return (
-			<View style={styles.container}>
-				<View style={styles.textContainer}>
-					<Text style={styles.remeasureLabel} maxFontSizeMultiplier={1}>
-						{t(`Remind me to remeasure in`)}
-					</Text>
-					<View style={styles.valueUnitContainer}>
-						<Text style={styles.value} testID={RemeasureHours} maxFontSizeMultiplier={1}>
-							{measure ? limited : t(`OFF`)}
-						</Text>
-						{measure && (
-							<Text style={styles.units} maxFontSizeMultiplier={1}>
-								{t(`hours`)}
-							</Text>
-						)}
-					</View>
-				</View>
-
-				<Slider
-					testID={RemeasureSlider}
-					maximumTrackTintColor={colors.mistBlue}
-					minimumTrackTintColor={colors.blue}
-					thumbTintColor={colors.white}
-					maximumValue={6}
-					minimumValue={0}
-					step={0.5}
-					onValueChange={this.handleSliderChange}
-					value={limited}
-				/>
-			</View>
-		);
-	}
-}
-
-const styles = StyleSheet.create({
-	container: {
-		flexDirection: `column`,
-		marginVertical: 32,
-	},
-	textContainer: {
-		flexDirection: `row`,
-		marginBottom: 18,
-	},
-	remeasureLabel: {
-		...FONTS.Poppins.regular_Base,
-		color: colors.white,
-		flex: 7,
-		alignSelf: `center`,
-	},
-	offText: {
-		...FONTS.Poppins.bold_Base,
-		color: colors.white,
-	},
-	valueUnitContainer: {
-		flex: 3,
-		justifyContent: `center`,
-		alignItems: `baseline`,
-		flexDirection: `row`,
-		alignSelf: `center`,
-	},
-	value: {
-		...FONTS.Poppins.medium_2XL,
-		textAlign: `right`,
-		color: colors.white,
-	},
-	units: {
-		...FONTS.Poppins.regular_XS,
-		textAlign: `left`,
-		paddingLeft: 4,
-		color: colors.white,
-	},
-});

package/src/components/Text.tsx

@@ -1,27 +0,0 @@
-import * as React from "react";
-import { StyleSheet, Text as RNText, TextProps, TextStyle } from "react-native";
-
-import { FontFamily, FONTS } from "./styles/fonts";
-
-const maxFontSizeMultiplier = 1.235;
-
-export type StyleWithFont = Omit<TextStyle, `fontFamily` | `fontSize` | `lineHeight`> & {
-	fontFamily: FontFamily;
-	fontSize: number;
-	lineHeight: number;
-};
-
-type CustomTextPropsStyle = Omit<TextProps, `style`> & { style?: StyleWithFont };
-
-const Text = (props: CustomTextPropsStyle) => (
-	<RNText {...props} style={[styles.defaultText, props.style]} maxFontSizeMultiplier={maxFontSizeMultiplier}>
-		{props.children}
-	</RNText>
-);
-
-const styles = StyleSheet.create({
-	defaultText: {
-		...FONTS.Poppins.regular_Base,
-	},
-});
-export default Text;