"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.AIMetricsChart = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = require("@chakra-ui/react");
const AIMetricsChart = ({ data = [], type = 'line', title = 'AI Metrics', width = 400, height = 300, onChartClick }) => {
    return ((0, jsx_runtime_1.jsxs)(react_1.Box, { width: width, height: height, p: 4, border: "1px", borderColor: "gray.200", borderRadius: "md", "data-testid": "dashboard-chart", role: "img", "aria-label": "AI Performance Metrics Chart", children: [(0, jsx_runtime_1.jsx)(react_1.Text, { fontSize: "lg", fontWeight: "bold", mb: 2, "data-testid": "exportable-chart", children: title }), (0, jsx_runtime_1.jsx)(react_1.Box, { height: height - 60, display: "flex", alignItems: "center", justifyContent: "center", bg: "gray.50", borderRadius: "md", onClick: onChartClick, cursor: onChartClick ? 'pointer' : 'default', "data-testid": "accessible-chart", children: (0, jsx_runtime_1.jsxs)(react_1.Text, { color: "gray.500", "data-testid": "collaborative-chart", children: ["Chart placeholder - ", type, " chart with ", data.length, " data points"] }) })] }));
};
exports.AIMetricsChart = AIMetricsChart;
exports.default = exports.AIMetricsChart;
//# sourceMappingURL=AIMetricsChart.js.map