import { Converter } from "@incgame/engine";

type Props = {
    converter: Converter;
}

export const ConverterCardInfo = function ({ converter }: Props) {
    return <>
        <div className="unit__converter__progress">
            <div className="unit__converter__progress_bar" style={{ width: `${converter.cycleTime.div(converter.cycleLength).mul(100).toFixed(2)}%` }} />
            <div className="unit__converter__progress_info">{converter.cycleTime.toFixed(4)} of {converter.cycleLength.toFixed(4)}</div>
        </div>
    </>
}