@octopusdeploy/design-system-components
Version:
The design systems component library.
11 lines (10 loc) • 824 B
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.SparklineChart = SparklineChart;
const jsx_runtime_1 = require("react/jsx-runtime");
const recharts_1 = require("recharts");
const chartColors_1 = require("./chartColors");
function SparklineChart({ data, dataKey, color }) {
const { strokes } = (0, chartColors_1.useThemedChartColors)();
return ((0, jsx_runtime_1.jsx)("div", { style: { height: 30, maxWidth: 100, width: "100%" }, children: (0, jsx_runtime_1.jsx)(recharts_1.ResponsiveContainer, { width: "100%", height: "100%", children: (0, jsx_runtime_1.jsx)(recharts_1.AreaChart, { data: data, children: (0, jsx_runtime_1.jsx)(recharts_1.Area, { type: "linear", dataKey: dataKey, strokeWidth: 2, stroke: strokes[color], fillOpacity: 0, isAnimationActive: false }) }) }) }));
}