{"version":3,"file":"ComparisonTable.ITPKASPD.mjs","names":[],"sources":["https:/framerusercontent.com/modules/ZZ24cuRfz737234zoLB5/aY7zryAjbjH0kd8U4LZy/ComparisonTable.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";const CHECK=\"✓\";const CROSS=\"✗\";function renderCell(value,color){if(value===\"check\"||value===\"✓\")return /*#__PURE__*/_jsx(\"span\",{style:{color:\"#22c55e\",fontWeight:700},children:CHECK});if(value===\"x\"||value===\"✗\")return /*#__PURE__*/_jsx(\"span\",{style:{color:\"#ef4444\",fontWeight:700},children:CROSS});return /*#__PURE__*/_jsx(\"span\",{style:{color,fontWeight:600},children:value});}export default function ComparisonTable({metricHeader,columns,rows,variant}){const isDark=variant===\"dark\";const s=isDark?{headerBg:\"rgba(255,255,255,0.04)\",headerColor:\"rgba(255,255,255,0.5)\",border:\"rgba(255,255,255,0.08)\",labelColor:\"rgba(255,255,255,0.92)\",cellColor:\"rgba(255,255,255,0.75)\",stripeBg:\"rgba(255,255,255,0.02)\"}:{headerBg:\"#f7f8fa\",headerColor:\"#64748b\",border:\"#e2e8f0\",labelColor:\"#1a202c\",cellColor:\"#475569\",stripeBg:\"#f8fafc\"};const cols=columns||[];const dataRows=rows||[];const tableStyle={width:\"100%\",borderCollapse:\"separate\",borderSpacing:0,fontFamily:\"-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif\",fontSize:14};// Measure the longest metric text to size the first column\nvar longest=metricHeader?metricHeader.length:0;for(var k=0;k<dataRows.length;k++){var m=dataRows[k].metric||\"\";if(m.length>longest)longest=m.length;}var metricColWidth=Math.min(longest*7.5+32,250);const thStyle=function(i){var base={fontFamily:\"'Space Mono', 'SF Mono', 'Fira Code', monospace\",fontSize:11,letterSpacing:1.5,textTransform:\"uppercase\",fontWeight:700,color:i===0?s.headerColor:cols[i-1]?cols[i-1].color||s.headerColor:s.headerColor,textAlign:\"left\",padding:\"12px 16px\",background:s.headerBg,borderBottom:\"2px solid \"+s.border};if(i===0){base.width=metricColWidth+\"px\";base.maxWidth=\"250px\";base.whiteSpace=\"nowrap\";base.overflow=\"hidden\";base.textOverflow=\"ellipsis\";}return base;};const tdStyle=function(colIdx,rowIdx){var base={padding:\"12px 16px\",borderBottom:rowIdx<dataRows.length-1?\"1px solid \"+s.border:\"none\",color:colIdx===0?s.labelColor:s.cellColor,fontWeight:colIdx===0?600:400,textAlign:\"left\",background:rowIdx%2===1?s.stripeBg:\"transparent\"};if(colIdx===0){base.width=metricColWidth+\"px\";base.maxWidth=\"250px\";base.whiteSpace=\"nowrap\";base.overflow=\"hidden\";base.textOverflow=\"ellipsis\";}return base;};var wrapperStyle={width:\"100%\",overflowX:\"scroll\",overflowY:\"hidden\",border:\"1px solid \"+s.border,borderRadius:10};return /*#__PURE__*/_jsx(\"div\",{style:wrapperStyle,children:/*#__PURE__*/_jsxs(\"table\",{style:tableStyle,children:[/*#__PURE__*/_jsx(\"thead\",{children:/*#__PURE__*/_jsxs(\"tr\",{children:[/*#__PURE__*/_jsx(\"th\",{style:thStyle(0),children:metricHeader}),cols.map(function(col,i){return /*#__PURE__*/_jsx(\"th\",{style:thStyle(i+1),children:col.header},i);})]})}),/*#__PURE__*/_jsx(\"tbody\",{children:dataRows.map(function(row,ri){return /*#__PURE__*/_jsxs(\"tr\",{children:[/*#__PURE__*/_jsx(\"td\",{style:tdStyle(0,ri),children:row.metric}),cols.map(function(col,ci){var key=\"col\"+(ci+1);return /*#__PURE__*/_jsx(\"td\",{style:tdStyle(ci+1,ri),children:renderCell(row[key]||\"\",col.color||s.cellColor)},ci);})]},ri);})})]})});}addPropertyControls(ComparisonTable,{variant:{type:ControlType.Enum,title:\"Variant\",options:[\"dark\",\"light\"],optionTitles:[\"Dark\",\"Light\"],defaultValue:\"light\"},metricHeader:{type:ControlType.String,title:\"Metric Header\",defaultValue:\"Metric\"},columns:{type:ControlType.Array,title:\"Columns\",maxCount:3,control:{type:ControlType.Object,controls:{header:{type:ControlType.String,title:\"Header\",defaultValue:\"Column\"},color:{type:ControlType.Color,title:\"Color\"}}},defaultValue:[{header:\"✗ Before\",color:\"#ef4444\"},{header:\"✓ After\",color:\"#22c55e\"}]},rows:{type:ControlType.Array,title:\"Rows\",maxCount:12,control:{type:ControlType.Object,controls:{metric:{type:ControlType.String,title:\"Metric\",defaultValue:\"Metric name\"},col1:{type:ControlType.String,title:\"Col 1\"},col2:{type:ControlType.String,title:\"Col 2\"},col3:{type:ControlType.String,title:\"Col 3\"}}},defaultValue:[{metric:\"Asset locate time\",col1:\"35 min avg\",col2:\"Real-time (portal-tracked)\",col3:\"\"},{metric:\"Full audit cycle\",col1:\"6 weeks / 3 FTEs\",col2:\"Continuous / 0.5 FTE\",col3:\"\"},{metric:\"CMDB accuracy\",col1:\"~78%\",col2:\"99.2%\",col3:\"\"},{metric:\"Provisioning SLA breach\",col1:\"12% of tickets\",col2:\"1.8% of tickets\",col3:\"\"},{metric:\"Stranded capacity\",col1:\"~9% of available kW\",col2:\"< 2% of available kW\",col3:\"\"},{metric:\"Unauthorized moves detected\",col1:\"Quarterly (at audit)\",col2:\"Real-time (portal alert)\",col3:\"\"}]}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ComparisonTable\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ComparisonTable.map"],"mappings":"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"}