import React from "react";
import { Chart } from "../Chart";
import { Text } from "../Text";
import * as styles from "./styles";
export const DonutChart = ({ title, labels, data, icon }) => (React.createElement("div", { className: styles.container },
    React.createElement("div", { className: styles.header },
        React.createElement(Text, { variant: "p", noMargin: true, weight: "--ll-font-weight-bold" }, title)),
    React.createElement(Chart.Root, { data: data, labels: labels, icon: icon },
        React.createElement("div", { className: styles.chartContent },
            React.createElement("div", { className: styles.donutContainer },
                React.createElement(Chart.Donut, null)),
            React.createElement(React.Fragment, null,
                React.createElement(Chart.Legend, null))))));
//# sourceMappingURL=index.js.map