diff --git a/components/cert/ControlCard.tsx b/components/cert/ControlCard.tsx
index 0a3377f7..d1d50b73 100644
--- a/components/cert/ControlCard.tsx
+++ b/components/cert/ControlCard.tsx
@@ -1,6 +1,7 @@
import { memo, useState } from "react";
import "./control.css";
import { Control, ControlData, ControlState } from "./types";
+import { getFrameworkGuidance, getFrameworkGuidanceHref } from "./cert-framework-map";
interface ControlCardProps {
control: Control;
@@ -35,6 +36,7 @@ export const ControlCard = memo(function ControlCard({
onControlChange
}: ControlCardProps) {
const [expanded, setExpanded] = useState(false);
+ const frameworkRefs = getFrameworkGuidance(control.id);
const handleCycleState = () => {
const newState = nextState[data.state];
@@ -99,6 +101,24 @@ export const ControlCard = memo(function ControlCard({
)}
+ {frameworkRefs.length > 0 && (
+
+
📖 Related Framework Guidance
+
+
+ )}