react-speedometer/dist/Indicator.js

Cool speedometer for React

import { jsx as _jsx } from "react/jsx-runtime";
import { useContext } from 'react';
import Context from './context';
export default function Indicator({ fontSize = 45, color = 'white', fontFamily, children, ...rest }) {
    const { value, radius, rotation, fontFamily: globalFontFamily, } = useContext(Context);
    const textProps = {
        transform: `rotate(${360 - rotation}, ${radius}, ${radius})`,
    };
    const fixedValue = Number(value).toFixed();
    if (children)
        return children(fixedValue, textProps);
    return (_jsx("text", { ...textProps, x: radius, y: radius + radius / 2 + 10, textAnchor: "middle", fontSize: fontSize, fontFamily: fontFamily || globalFontFamily, fill: color, ...rest, children: fixedValue }));
}