"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.ViewerCount = ViewerCount;
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = require("react");
const react_native_1 = require("react-native");
const text_1 = require("../../ui/text");
function ViewerCount({ count, style = {}, locales, numberFormat = { notation: "compact" }, }) {
    const formattedNumber = (0, react_1.useMemo)(() => {
        return new Intl.NumberFormat(locales, numberFormat).format(count || 0);
    }, [numberFormat, count]);
    return ((0, jsx_runtime_1.jsx)(text_1.Text, { leading: "snug", style: [styles.label, style], children: formattedNumber }));
}
const styles = react_native_1.StyleSheet.create({
    label: {
        color: "#fd5050",
        textShadowColor: "black",
        textShadowRadius: 3,
        fontSize: 16,
        lineHeight: 24,
    },
});
exports.default = ViewerCount;
//# sourceMappingURL=viewer-count.js.map