import React, { useMemo } from "react";
import * as styles from "./styles";
export function Value({ scoreValue }) {
    const formattedScoreValue = useMemo(() => {
        let numericValue = Number(scoreValue);
        if (isNaN(numericValue)) {
            numericValue = 0;
        }
        return (Math.round(numericValue * 10) / 10) * 2;
    }, [scoreValue]);
    return (React.createElement("div", { className: styles.container, "data-testid": "score-card-value" }, formattedScoreValue));
}
//# sourceMappingURL=index.js.map