{"version":3,"file":"Service_Card_Slider_Duck.CSumYxCO.mjs","names":["useState","useRef","useMemo"],"sources":["https:/framerusercontent.com/modules/N4Rx2XwTmuWMuLthGmxD/hypALolToRw3SKWceOSg/Service_Card_Slider_Duck.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState,useEffect,useRef,memo,useMemo}from\"react\";import{motion}from\"framer-motion\";import{addPropertyControls,ControlType}from\"framer\";/**\n * TARJETA INDIVIDUAL\n */const SlideCard=/*#__PURE__*/memo(({item,isSelected,onClick,borderRadius,color})=>{return /*#__PURE__*/_jsxs(motion.div,{onClick:()=>onClick(item.link),initial:false,animate:{scale:isSelected?1:.85,opacity:isSelected?1:.4,backgroundColor:isSelected?color:\"#FF5722\"},whileHover:{scale:.95,opacity:.9},transition:{type:\"spring\",stiffness:300,damping:30},style:{minWidth:280,height:360,borderRadius,padding:\"24px\",display:\"flex\",flexDirection:\"column\",justifyContent:\"space-between\",cursor:\"pointer\",margin:\"0 10px\",willChange:\"transform, opacity\",userSelect:\"none\",color:\"white\"},children:[/*#__PURE__*/_jsxs(\"div\",{children:[/*#__PURE__*/_jsx(\"span\",{style:{fontSize:\"36px\"},children:item.icon}),/*#__PURE__*/_jsx(\"h3\",{style:{marginTop:\"20px\",fontSize:\"18px\",fontWeight:\"800\",textTransform:\"uppercase\",lineHeight:\"1.2\"},children:item.title}),/*#__PURE__*/_jsx(\"p\",{style:{marginTop:\"12px\",fontSize:\"13px\",lineHeight:\"1.4\",opacity:.85,fontWeight:\"400\"},children:item.desc})]}),/*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",justifyContent:\"flex-end\"},children:/*#__PURE__*/_jsx(\"div\",{style:{width:38,height:38,borderRadius:\"50%\",border:\"1px solid rgba(255,255,255,0.4)\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\"},children:/*#__PURE__*/_jsx(\"svg\",{width:\"12\",height:\"12\",viewBox:\"0 0 15 15\",fill:\"none\",children:/*#__PURE__*/_jsx(\"path\",{d:\"M3.64645 11.3536C3.45118 11.5488 3.45118 11.8655 3.64645 12.0607C3.84171 12.2559 4.15829 12.2559 4.35355 12.0607L3.64645 11.3536ZM11.5 4.5C11.5 4.22386 11.2761 4 11 4L6.5 4C6.22386 4 6 4.22386 6 4.5C6 4.77614 6.22386 5 6.5 5H10.5V9C10.5 9.27614 10.7239 9.5 11 9.5C11.2761 9.5 11.5 9.27614 11.5 9L11.5 4.5ZM4.35355 12.0607L11.3536 5.06066L10.6464 4.35355L3.64645 11.3536L4.35355 12.0607Z\",fill:\"white\"})})})})]});});export default function ServiceSliderDuck(props){const[index,setIndex]=useState(0);const containerRef=useRef(null);// Unimos los datos visuales con los links dinámicos de los controles\nconst items=useMemo(()=>[{id:1,title:\"Viviendas modulares\",desc:\"Espacios habitables con estructura modular.\",link:props.link1,icon:\"🏠\"},{id:2,title:\"Negocios Gastron\\xf3micos\",desc:\"Dise\\xf1os atractivos para el sector alimentos.\",link:props.link2,icon:\"🍔\"},{id:3,title:\"Control Operativo\",desc:\"Centros de comando y monitoreo.\",link:props.link3,icon:\"🖥️\"},{id:4,title:\"M\\xf3dulo Saludable\",desc:\"Bienestar y atenci\\xf3n sanitaria.\",link:props.link4,icon:\"⚕️\"},{id:5,title:\"Camerino Deportivo\",desc:\"Comodidad para deportistas.\",link:props.link5,icon:\"🏃\"},{id:6,title:\"Activaci\\xf3n de Marca\",desc:\"Impacto visual para eventos.\",link:props.link6,icon:\"🎯\"},{id:7,title:\"Cl\\xednica Veterinaria\",desc:\"Atenci\\xf3n profesional para mascotas.\",link:props.link7,icon:\"🐾\"},{id:8,title:\"Caseta Petrolera\",desc:\"Soporte operacional robusto.\",link:props.link8,icon:\"🛢️\"}],[props]);useEffect(()=>{if(containerRef.current){const cardWidth=280+20;const scrollAmount=index*cardWidth;containerRef.current.scrollTo({left:scrollAmount-containerRef.current.offsetWidth/2+150,behavior:\"smooth\"});}},[index]);return /*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",display:\"flex\",flexDirection:\"column\",alignItems:\"center\"},children:/*#__PURE__*/_jsx(\"div\",{ref:containerRef,style:{width:\"100%\",display:\"flex\",overflowX:\"auto\",padding:\"30px 0\",scrollbarWidth:\"none\"},children:items.map((item,i)=>/*#__PURE__*/_jsx(SlideCard,{item:item,isSelected:i===index,onClick:link=>{if(i===index&&link)window.location.href=link;else setIndex(i);},borderRadius:props.borderRadius,color:props.accentColor},item.id))})});}ServiceSliderDuck.defaultProps={borderRadius:24,accentColor:\"#E64A19\"};addPropertyControls(ServiceSliderDuck,{accentColor:{type:ControlType.Color,title:\"Color Activo\"},borderRadius:{type:ControlType.Number,title:\"Radio\"},// AQUÍ APARECERÁN LOS SELECTORES DE LINK EN TU PANEL DERECHO\nlink1:{type:ControlType.Link,title:\"🔗 Viviendas\"},link2:{type:ControlType.Link,title:\"🔗 Gastronom\\xeda\"},link3:{type:ControlType.Link,title:\"🔗 Control\"},link4:{type:ControlType.Link,title:\"🔗 Salud\"},link5:{type:ControlType.Link,title:\"🔗 Deporte\"},link6:{type:ControlType.Link,title:\"🔗 Marca\"},link7:{type:ControlType.Link,title:\"🔗 Veterinaria\"},link8:{type:ControlType.Link,title:\"🔗 Petrolera\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ServiceSliderDuck\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Service_Card_Slider_Duck.map"],"mappings":"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"}