import React from "react"; import { Tooltip } from "./tooltip"; type Props = { data: any; }; export const LinearProgressIndicator: React.FC = ({ data }) => { const total = data.reduce((acc: any, cur: any) => acc + cur.value, 0); let progress = 0; const bars = data.map((item: any) => { const width = `${(item.value / total) * 100}%`; const style = { width, backgroundColor: item.color, }; progress += item.value; return (
); }); return (
{total === 0 ? " - 0%" :
{bars}
}
); };