"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.ComplianceDashboardExample = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = require("@chakra-ui/react");
const ComplianceDashboard_1 = require("./ComplianceDashboard");
const ComplianceDashboardExample = () => {
    const handleAlertAction = (alertId, action) => {
        console.log(`Handling alert ${alertId} with action ${action}`);
        // Here you would typically make an API call to handle the alert
        // For example:
        // await fetch(`/api/workflows/alerts/${alertId}/actions/${action}`, {
        //   method: 'POST',
        // });
    };
    return ((0, jsx_runtime_1.jsx)(react_1.Container, { maxW: "container.xl", py: 8, children: (0, jsx_runtime_1.jsxs)(react_1.VStack, { spacing: 8, align: "stretch", children: [(0, jsx_runtime_1.jsxs)(react_1.Box, { children: [(0, jsx_runtime_1.jsx)(react_1.Heading, { size: "xl", mb: 2, children: "Workflow Compliance" }), (0, jsx_runtime_1.jsx)(react_1.Text, { color: "gray.600", children: "Monitor and manage compliance status for your AI workflows in real-time." })] }), (0, jsx_runtime_1.jsx)(ComplianceDashboard_1.ComplianceDashboard, { workflowId: "example-workflow-123", onAlertAction: handleAlertAction }), (0, jsx_runtime_1.jsxs)(react_1.Box, { p: 4, bg: "gray.50", borderRadius: "md", children: [(0, jsx_runtime_1.jsx)(react_1.Heading, { size: "sm", mb: 2, children: "About Compliance Monitoring" }), (0, jsx_runtime_1.jsx)(react_1.Text, { fontSize: "sm", color: "gray.600", children: "This dashboard provides real-time monitoring of your workflow's compliance status, including security, data privacy, and LLM-specific metrics. The system automatically tracks and alerts you to any compliance issues, allowing for quick remediation." })] })] }) }));
};
exports.ComplianceDashboardExample = ComplianceDashboardExample;
//# sourceMappingURL=ComplianceDashboardExample.js.map