{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/5vsV8SYpnWdFerC1tdRw/gOyLeKtMOIP3DcoXnL3S/ContractTimeline.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useEffect}from\"react\";import{addPropertyControls,ControlType}from\"framer\";export default function ContractTimeline({phases=[],mainTitle=\"Contract Lifecycle\",headerBg=\"#B80088\",headerText=\"#ffffff\",tabBg=\"#f8f0ff\",tabActiveBg=\"#FF0066\",tabActiveText=\"#ffffff\",impactBoxBg=\"#1a0024\",impactBoxMetricsBg=\"#3d003d\"}){useEffect(()=>{const tabs=document.querySelectorAll(\".timeline-tab\");const contents=document.querySelectorAll(\".timeline-content\");tabs.forEach((tab,index)=>{tab.addEventListener(\"click\",()=>{tabs.forEach(t=>t.classList.remove(\"active\"));contents.forEach(c=>c.classList.remove(\"active\"));tab.classList.add(\"active\");contents[index].classList.add(\"active\");});});if(tabs.length>0)tabs[0].click();},[phases]);return /*#__PURE__*/_jsxs(\"div\",{className:\"timeline-container\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"timeline-header\",children:/*#__PURE__*/_jsx(\"h2\",{children:mainTitle})}),/*#__PURE__*/_jsx(\"div\",{className:\"timeline-tabs\",children:phases.map((phase,index)=>/*#__PURE__*/_jsx(\"div\",{className:\"timeline-tab\",children:phase.title},index))}),/*#__PURE__*/_jsx(\"div\",{className:\"timeline-contents\",children:phases.map((phase,index)=>/*#__PURE__*/_jsx(\"div\",{className:\"timeline-content\",dangerouslySetInnerHTML:{__html:phase.content}},index))}),/*#__PURE__*/_jsx(\"style\",{jsx:true,children:`\n        .timeline-container {\n          box-sizing: border-box;\n          font-family: Arial, sans-serif;\n          margin: 0 auto;\n          max-width: 900px;\n          width: 100%;\n          background: white;\n          border-radius: 10px;\n          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n          overflow: hidden;\n        }\n\n        .timeline-header {\n          background-color: ${headerBg};\n          color: ${headerText};\n          padding: 20px;\n          text-align: center;\n        }\n\n        .timeline-header h2 {\n          margin: 0;\n          font-size: 24px;\n        }\n\n        .timeline-tabs {\n          display: flex;\n          overflow:auto;\n          border-bottom: 1px solid #eee;\n        }\n\n        .timeline-tab {\n          flex: 1;\n          text-align: center;\n          padding: 15px;\n          cursor: pointer;\n          font-weight: bold;\n          background: ${tabBg};\n          transition: background 0.3s;\n        }\n\n        .timeline-tab:hover {\n          filter: brightness(0.95);\n        }\n\n        .timeline-tab.active {\n          background: ${tabActiveBg};\n          color: ${tabActiveText};\n        }\n\n        .timeline-contents {\n          padding: 30px;\n        }\n\n        .timeline-content {\n          display: none;\n        }\n\n        .timeline-content.active {\n          display: block;\n        }\n\n        .comparison-box {\n          display: flex;\n          gap: 20px;\n          margin-top: 30px;\n          flex-wrap: wrap;\n        }\n\n        .traditional-approach,\n        .concord-approach {\n          flex: 1;\n          background: #f5f5f5;\n          padding: 20px;\n          border-radius: 10px;\n        }\n\n        .concord-approach {\n          background: #fdf2f9;\n        }\n\n        .approach-title {\n          font-weight: bold;\n          margin-bottom: 10px;\n          display: flex;\n          align-items: center;\n          gap: 6px;\n        }\n\n        .approach-icon {\n          font-size: 20px;\n        }\n\n        .approach-points {\n          margin: 0;\n          padding-left: 20px;\n        }\n\n        .impact-box {\n          background: ${impactBoxBg};\n          color: white;\n          margin-top: 30px;\n          padding: 20px;\n          border-radius: 10px;\n        }\n\n        .impact-title {\n          font-weight: bold;\n          font-size: 16px;\n          margin-bottom: 15px;\n          text-align: center;\n        }\n\n        .impact-metrics {\n          display: flex;\n          justify-content: space-around;\n          gap: 10px;\n          flex-wrap: wrap;\n        }\n\n        .impact-metric {\n          background: ${impactBoxMetricsBg};\n          padding: 10px 16px;\n          border-radius: 8px;\n          color: white;\n          font-size: 14px;\n        }\n\n        .metric-value {\n          font-weight: bold;\n          margin-right: 5px;\n          display: inline-block;\n        }\n      `})]});}addPropertyControls(ContractTimeline,{phases:{type:ControlType.Array,title:\"Phases\",control:{type:ControlType.Object,controls:{title:{type:ControlType.String,title:\"Title\"},content:{type:ControlType.String,title:\"HTML Content\",placeholder:\"<div><h3>Title</h3><p>Content...</p></div>\",multiline:true}}},defaultValue:[]},mainTitle:{type:ControlType.String,title:\"Title\",defaultValue:\"Contract lifecycle\"},headerBg:{type:ControlType.Color,title:\"Header BG\",defaultValue:\"#B80088\"},headerText:{type:ControlType.Color,title:\"Header Text\",defaultValue:\"#ffffff\"},tabBg:{type:ControlType.Color,title:\"Tab BG\",defaultValue:\"#f8f0ff\"},tabActiveBg:{type:ControlType.Color,title:\"Active Tab BG\",defaultValue:\"#FF0066\"},tabActiveText:{type:ControlType.Color,title:\"Active Tab Text\",defaultValue:\"#ffffff\"},impactBoxBg:{type:ControlType.Color,title:\"Impact box bg\",defaultValue:\"#1a0024\"},impactBoxMetricsBg:{type:ControlType.Color,title:\"Metrics bg\",defaultValue:\"#3d003d\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ContractTimeline\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ContractTimeline.map"],
  "mappings": "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",
  "names": ["ContractTimeline", "phases", "mainTitle", "headerBg", "headerText", "tabBg", "tabActiveBg", "tabActiveText", "impactBoxBg", "impactBoxMetricsBg", "ue", "tabs", "contents", "tab", "index", "t", "c", "u", "p", "phase", "addPropertyControls", "ControlType"]
}