import React, { useMemo } from "react";
import * as styles from "./styles";
import { useLocalContent } from "~/sdks/LocalContent/context";
export function ScoreValue({ scoreKey, value, }) {
    const { hideScoresList } = useLocalContent();
    const hide = useMemo(() => typeof scoreKey === "undefined" || hideScoresList.includes(scoreKey), [scoreKey, hideScoresList]);
    if (hide || typeof value !== "number" || value <= 0) {
        return null;
    }
    return (React.createElement("div", { className: styles.container, "data-testid": "score-value" },
        value > 10 ? 10 : value,
        " / 10"));
}
//# sourceMappingURL=index.js.map