{"version":3,"file":"GuideBookingComparison.DDIs0vlF.mjs","names":["useState"],"sources":["https:/framerusercontent.com/modules/w53GDXnLlswwgfWQXXn9/Zolv96BUfoTMCe3eWzd3/GuideBookingComparison.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState}from\"react\";import{addPropertyControls,ControlType}from\"framer\";const TEXT=\"#0F172A\";const MUTED=\"#57534E\";const LABEL_COLOR=\"#78716C\";const CARD_BORDER=\"#E7E2D8\";const CARD_BG=\"#FFFFFF\";const ACCENT=\"#2563EB\";const ACCENT_BG=\"#F7F9FE\";const SEGMENT_BG=\"#F3F1EC\";function RowList({rows}){return /*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",flexDirection:\"column\",gap:10},children:(rows||[]).map((row,j)=>{if(!row.value)return null;return /*#__PURE__*/_jsxs(\"div\",{style:{borderTop:`1px solid ${CARD_BORDER}`,paddingTop:10},children:[/*#__PURE__*/_jsx(\"div\",{style:{fontSize:11.5,fontWeight:600,letterSpacing:\"0.02em\",textTransform:\"uppercase\",color:LABEL_COLOR,marginBottom:2},children:row.label}),/*#__PURE__*/_jsx(\"div\",{style:{fontSize:13.5,lineHeight:1.45,color:MUTED},children:row.value})]},j);})});}/**\n * Preferred partner stays fixed on the left; Direct/OTA toggle on the\n * right via a real tablist. Both alternative panels are always rendered\n * (one hidden via the `hidden` attribute, not conditionally unmounted) so\n * both datasets are present in SSR HTML — the interaction only controls\n * presentation, per the Guide's SSR/SEO requirement.\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight auto\n */export default function GuideBookingComparison(props){const[selected,setSelected]=useState(\"direct\");function handleKeyDown(e){if(e.key!==\"ArrowRight\"&&e.key!==\"ArrowLeft\")return;e.preventDefault();const next=selected===\"direct\"?\"ota\":\"direct\";setSelected(next);const nextId=next===\"direct\"?\"gbc-tab-direct\":\"gbc-tab-ota\";if(typeof document!==\"undefined\")document.getElementById(nextId)?.focus();}const tabStyle=isSelected=>({font:\"inherit\",fontSize:13.5,fontWeight:600,padding:\"7px 16px\",borderRadius:7,border:\"none\",cursor:\"pointer\",background:isSelected?\"#FFFFFF\":\"transparent\",color:isSelected?ACCENT:MUTED,boxShadow:isSelected?\"0 1px 2px rgba(15,23,42,0.08)\":\"none\"});const panelStyle={height:\"100%\",boxSizing:\"border-box\",border:`1px solid ${CARD_BORDER}`,background:CARD_BG,borderRadius:14,padding:\"18px 20px\"};return /*#__PURE__*/_jsxs(\"div\",{style:{width:\"100%\",fontFamily:\"Inter, sans-serif\"},children:[/*#__PURE__*/_jsx(\"style\",{children:`\n                .gbc-tab:focus-visible { outline: 2px solid ${ACCENT}; outline-offset: 2px; }\n            `}),/*#__PURE__*/_jsxs(\"div\",{style:{marginBottom:16},children:[/*#__PURE__*/_jsx(\"div\",{style:{fontSize:12,fontWeight:600,letterSpacing:\"0.04em\",textTransform:\"uppercase\",color:LABEL_COLOR,marginBottom:8},children:\"Compare preferred partner with\"}),/*#__PURE__*/_jsxs(\"div\",{role:\"tablist\",\"aria-label\":\"Compare preferred partner with\",onKeyDown:handleKeyDown,style:{display:\"inline-flex\",border:`1px solid ${CARD_BORDER}`,borderRadius:10,background:SEGMENT_BG,padding:3,gap:2},children:[/*#__PURE__*/_jsx(\"button\",{id:\"gbc-tab-direct\",role:\"tab\",type:\"button\",\"aria-selected\":selected===\"direct\",\"aria-controls\":\"gbc-panel-direct\",tabIndex:selected===\"direct\"?0:-1,className:\"gbc-tab\",onClick:()=>setSelected(\"direct\"),style:tabStyle(selected===\"direct\"),children:\"Direct\"}),/*#__PURE__*/_jsx(\"button\",{id:\"gbc-tab-ota\",role:\"tab\",type:\"button\",\"aria-selected\":selected===\"ota\",\"aria-controls\":\"gbc-panel-ota\",tabIndex:selected===\"ota\"?0:-1,className:\"gbc-tab\",onClick:()=>setSelected(\"ota\"),style:tabStyle(selected===\"ota\"),children:\"OTA\"})]})]}),/*#__PURE__*/_jsxs(\"div\",{style:{display:\"grid\",gridTemplateColumns:\"repeat(auto-fit, minmax(280px, 1fr))\",gap:16,alignItems:\"stretch\"},children:[/*#__PURE__*/_jsxs(\"div\",{style:{height:\"100%\",boxSizing:\"border-box\",border:`1px solid ${ACCENT}`,background:ACCENT_BG,borderRadius:14,padding:\"18px 20px\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{fontSize:16,fontWeight:700,color:TEXT,marginBottom:14},children:props.preferredTitle}),/*#__PURE__*/_jsx(RowList,{rows:props.preferredRows})]}),/*#__PURE__*/_jsxs(\"div\",{style:{height:\"100%\",boxSizing:\"border-box\"},children:[/*#__PURE__*/_jsxs(\"div\",{id:\"gbc-panel-direct\",role:\"tabpanel\",\"aria-labelledby\":\"gbc-tab-direct\",hidden:selected!==\"direct\",style:panelStyle,children:[/*#__PURE__*/_jsx(\"div\",{style:{fontSize:16,fontWeight:700,color:TEXT,marginBottom:14},children:props.directTitle}),/*#__PURE__*/_jsx(RowList,{rows:props.directRows})]}),/*#__PURE__*/_jsxs(\"div\",{id:\"gbc-panel-ota\",role:\"tabpanel\",\"aria-labelledby\":\"gbc-tab-ota\",hidden:selected!==\"ota\",style:panelStyle,children:[/*#__PURE__*/_jsx(\"div\",{style:{fontSize:16,fontWeight:700,color:TEXT,marginBottom:14},children:props.otaTitle}),/*#__PURE__*/_jsx(RowList,{rows:props.otaRows})]})]})]})]});}addPropertyControls(GuideBookingComparison,{preferredTitle:{type:ControlType.String,title:\"Preferred Title\",defaultValue:\"Preferred partner\"},preferredRows:{type:ControlType.Array,title:\"Preferred Rows\",control:{type:ControlType.Object,controls:{label:{type:ControlType.String,title:\"Label\"},value:{type:ControlType.String,title:\"Value\",displayTextArea:true}}},defaultValue:[]},directTitle:{type:ControlType.String,title:\"Direct Title\",defaultValue:\"Direct\"},directRows:{type:ControlType.Array,title:\"Direct Rows\",control:{type:ControlType.Object,controls:{label:{type:ControlType.String,title:\"Label\"},value:{type:ControlType.String,title:\"Value\",displayTextArea:true}}},defaultValue:[]},otaTitle:{type:ControlType.String,title:\"OTA Title\",defaultValue:\"OTA\"},otaRows:{type:ControlType.Array,title:\"OTA Rows\",control:{type:ControlType.Object,controls:{label:{type:ControlType.String,title:\"Label\"},value:{type:ControlType.String,title:\"Value\",displayTextArea:true}}},defaultValue:[]}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"GuideBookingComparison\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"auto\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./GuideBookingComparison.map"],"mappings":"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"}