{"version":3,"file":"ConversionBar.bu3c9AO2.mjs","names":["useState","useRef"],"sources":["https:/framerusercontent.com/modules/9YSbzhpl7klAarw9MgYW/dYCJj66I4Ry6gkDdkl59/ConversionBar.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useState,useEffect,useRef}from\"react\";const CTAS=[{label:\"お役立ち資料をダウンロード\",href:\"https://cozies.jp/ebook\",icon:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"/><polyline points=\"7 10 12 15 17 10\"/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"/></svg>'},{label:\"無料でトライアル体験\",href:\"https://cozies.jp/contact\",icon:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"/></svg>'},{label:\"今すぐ問い合わせる\",href:\"https://cozies.jp/contact\",icon:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"/></svg>'}];const ACCENT=\"rgb(188, 80, 112)\";const DARK_BG=\"rgb(75, 40, 130)\";const CORAL=\"rgb(255, 130, 120)\";const CORAL_HOVER=\"rgb(240, 110, 100)\";const FF=\"'Yu Gothic Medium', 'YuGothic', 'Hiragino Sans', sans-serif\";const FFB=\"'Yu Gothic Bold', 'YuGothic', 'Hiragino Sans', sans-serif\";function useContainerMobile(ref){const[m,setM]=useState(false);useEffect(()=>{if(!ref.current)return;const el=ref.current;const check=()=>setM(el.offsetWidth<500);check();const ro=new ResizeObserver(()=>check());ro.observe(el);return()=>ro.disconnect();},[ref]);return m;}export default function ConversionBar(props){const{style,variant=\"dark\"}=props;const isLight=variant===\"light\";const isPurple=variant===\"purple\";const[hovered,setHovered]=useState(null);const ref=useRef(null);const sp=useContainerMobile(ref);const bgColor=isLight?\"rgb(255, 255, 255)\":isPurple?\"rgb(245, 243, 248)\":ACCENT;return /*#__PURE__*/_jsx(\"div\",{ref:ref,style:{...style,width:\"100%\",background:bgColor,padding:sp?\"32px 16px\":\"64px 40px\",fontFamily:FF},children:/*#__PURE__*/_jsxs(\"div\",{style:{maxWidth:\"1100px\",margin:\"0 auto\",display:\"flex\",flexDirection:\"column\",alignItems:\"center\",gap:sp?\"14px\":\"24px\"},children:[/*#__PURE__*/_jsx(\"h2\",{style:{fontSize:sp?\"20px\":\"33px\",fontWeight:700,fontFamily:FFB,color:isPurple?DARK_BG:isLight?\"#1a1a1a\":\"white\",margin:0,textAlign:\"center\",lineHeight:\"1.6em\"},children:\"情報収集したい方はこちら\"}),/*#__PURE__*/_jsx(\"p\",{style:{fontSize:sp?\"12px\":\"16px\",fontWeight:500,fontFamily:FF,color:isPurple?\"rgb(100, 80, 130)\":isLight?\"#666\":\"rgba(255,255,255,0.8)\",margin:0,textAlign:\"center\",lineHeight:\"1.8em\"},children:\"まずは資料ダウンロードで情報収集、無料トライアルで体験、お問い合わせでご相談ください。\"}),/*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",flexDirection:sp?\"column\":\"row\",gap:sp?\"8px\":\"16px\",marginTop:\"8px\",flexWrap:\"wrap\",justifyContent:\"center\",width:sp?\"100%\":\"100%\",maxWidth:sp?\"none\":\"900px\"},children:CTAS.map((cta,i)=>{const isPrimary=i===2;let bg,fg,border,boxShadow;if(isPurple){if(isPrimary){bg=hovered===i?CORAL_HOVER:CORAL;fg=\"white\";border=\"none\";boxShadow=\"0 4px 16px rgba(255, 130, 120, 0.4)\";}else{bg=hovered===i?\"rgb(240, 238, 243)\":\"rgb(255, 255, 255)\";fg=DARK_BG;border=\"1px solid rgba(75, 40, 130, 0.15)\";boxShadow=\"0 2px 8px rgba(75, 40, 130, 0.1)\";}}else if(isLight){if(isPrimary){bg=hovered===i?\"rgb(210,100,130)\":ACCENT;fg=\"white\";border=\"none\";}else{bg=hovered===i?\"rgba(0,0,0,0.05)\":\"transparent\";fg=\"#1a1a1a\";border=\"1px solid rgba(0,0,0,0.15)\";}}else{if(isPrimary){bg=hovered===i?\"rgba(255,255,255,1)\":\"rgba(255,255,255,0.95)\";fg=ACCENT;border=\"none\";}else{bg=hovered===i?\"rgba(255,255,255,0.2)\":\"rgba(255,255,255,0.1)\";fg=\"white\";border=\"1px solid rgba(255,255,255,0.3)\";}}return /*#__PURE__*/_jsxs(\"a\",{href:cta.href,onMouseEnter:()=>setHovered(i),onMouseLeave:()=>setHovered(null),style:{display:\"flex\",alignItems:\"center\",justifyContent:\"center\",gap:\"10px\",padding:sp?\"12px 16px\":\"16px 28px\",borderRadius:\"8px\",backgroundColor:bg,border,color:fg,textDecoration:\"none\",fontSize:sp?\"13px\":\"15px\",fontWeight:700,fontFamily:FFB,transition:\"all 0.2s ease\",cursor:\"pointer\",whiteSpace:\"nowrap\",flex:sp?\"unset\":\"1 1 0\",width:sp?\"100%\":\"auto\",boxShadow:boxShadow||\"none\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{width:\"18px\",height:\"18px\",flexShrink:0},dangerouslySetInnerHTML:{__html:cta.icon}}),cta.label]},i);})})]})});}addPropertyControls(ConversionBar,{variant:{type:ControlType.Enum,title:\"スタイル\",options:[\"dark\",\"light\",\"purple\"],optionTitles:[\"ダーク\",\"ライト\",\"パープル\"],defaultValue:\"dark\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ConversionBar\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ConversionBar.map"],"mappings":"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"}