{"version":3,"file":"Comparingremovaltable.DGsMS14Y.mjs","names":["React.useRef","React.useState"],"sources":["https:/framerusercontent.com/modules/w2PDT5rLrAjZBKjVaHlE/8o7cSC7aZN6evrxMjsQd/Comparingremovaltable.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType,useLocaleInfo}from\"framer\";export default function TattooRemovalTable(props){const{borderRadius,borderColor,headerBg,rowAltBg,rowDefaultBg,textColor,fontFamily}=props;const{activeLocale}=useLocaleInfo();const containerRef=React.useRef(null);const[containerWidth,setContainerWidth]=React.useState(0);React.useEffect(()=>{if(!containerRef.current)return;const observer=new ResizeObserver(entries=>{const entry=entries[0];if(entry)setContainerWidth(entry.contentRect.width);});observer.observe(containerRef.current);return()=>observer.disconnect();},[]);const localeCode=activeLocale?.code?.toLowerCase().startsWith(\"es\")?\"es\":\"en\";const translations={en:{columns:[\"\",\"inkOUT™\",\"Laser\"],rows:[{label:\"Residual color\",inkout:\"No residual color. Clean result.\",laser:\"Orange or rusty brown shadow often remains\"},{label:\"Hair follicles\",inkout:\"No heat, no melanin targeting. Follicles preserved. Research shows TEPR™’s controlled dermabrasion activates biological pathways associated with hair follicle health.\",laser:\"Laser energy targets melanin, risking thinning or loss of brow hair\"},{label:\"Pigment darkening\",inkout:\"No light energy. No chemical reaction with pigment compounds.\",laser:\"Iron oxide compounds in permanent makeup ink can darken permanently when exposed to laser\"},{label:\"Selective correction\",inkout:\"Precise brow template enables targeted edge and shape correction\",laser:\"Cannot isolate specific areas without risk to surrounding tissue\"}]},es:{columns:[\"\",\"inkOUT™\",\"L\\xe1ser\"],rows:[{label:\"Color residual\",inkout:\"Sin color residual. Resultado limpio.\",laser:\"A menudo queda una sombra naranja o marr\\xf3n oxidado\"},{label:\"Fol\\xedculos pilosos\",inkout:\"Sin calor, sin dirigirse a la melanina. Fol\\xedculos preservados. La investigaci\\xf3n muestra que la dermoabrasi\\xf3n controlada de TEPR™ activa v\\xedas biol\\xf3gicas asociadas con la salud del fol\\xedculo piloso.\",laser:\"La energ\\xeda l\\xe1ser apunta a la melanina, con riesgo de adelgazamiento o p\\xe9rdida del vello de las cejas\"},{label:\"Oscurecimiento de la piel\",inkout:\"Sin energ\\xeda lum\\xednica. Sin reacci\\xf3n qu\\xedmica con los compuestos del pigmento.\",laser:\"Los compuestos de \\xf3xido de hierro en la tinta de maquillaje permanente pueden oscurecerse permanentemente al exponerse al l\\xe1ser\"},{label:\"Correcci\\xf3n selectiva\",inkout:\"La plantilla precisa de cejas permite una correcci\\xf3n dirigida del borde y la forma\",laser:\"No puede aislar \\xe1reas espec\\xedficas sin riesgo para el tejido circundante\"}]}};const content=translations[localeCode];const scrollColumns=[{key:\"label\",title:content.columns[0],width:180},{key:\"inkout\",title:content.columns[1],width:360},{key:\"laser\",title:content.columns[2],width:360}];const scrollTableWidth=scrollColumns.reduce((sum,col)=>sum+col.width,0);const desktopMinWidth=940;const isMobile=containerWidth<=809;const isDesktop=containerWidth>=desktopMinWidth;const fontSize=isMobile?16:18;const desktopColumns=[{key:\"label\",title:content.columns[0],width:\"16%\"},{key:\"inkout\",title:content.columns[1],width:\"52%\"},{key:\"laser\",title:content.columns[2],width:\"32%\"}];const activeColumns=isDesktop?desktopColumns:scrollColumns;const rows=content.rows;return /*#__PURE__*/_jsx(\"div\",{ref:containerRef,style:{width:\"100%\",overflowX:isDesktop?\"hidden\":\"auto\",overflowY:\"hidden\",WebkitOverflowScrolling:\"touch\"},children:/*#__PURE__*/_jsxs(\"div\",{style:{width:isDesktop?\"100%\":`${scrollTableWidth}px`,minWidth:isDesktop?\"100%\":`${scrollTableWidth}px`,borderRadius,border:`1px solid ${borderColor}`,overflow:\"hidden\",fontFamily},children:[/*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",background:headerBg},children:activeColumns.map((col,i)=>/*#__PURE__*/_jsx(\"div\",{style:cellStyle({width:col.width,isDesktop,isHeader:true,textColor,fontSize,borderColor,bg:headerBg,isLastCol:i===activeColumns.length-1,isFirstCol:i===0}),children:col.title},i))}),rows.map((row,rowIndex)=>{const bg=rowIndex%2===1?rowAltBg:rowDefaultBg;return /*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",background:bg},children:activeColumns.map((col,i)=>/*#__PURE__*/_jsx(\"div\",{style:cellStyle({width:col.width,isDesktop,isHeader:false,textColor,fontSize,borderColor,bg,isLastCol:i===activeColumns.length-1,isFirstCol:i===0}),children:row[col.key]},i))},rowIndex);})]})});}function cellStyle({width,isDesktop,isHeader,textColor,fontSize,borderColor,bg,isLastCol,isFirstCol}){return{width:isDesktop?width:`${width}px`,minWidth:isDesktop?width:`${width}px`,flex:isDesktop?`0 0 ${width}`:`0 0 ${width}px`,padding:\"16px 18px\",fontSize,color:textColor,fontWeight:isHeader||isFirstCol?700:400,borderRight:isLastCol?\"none\":`1px solid ${borderColor}`,borderBottom:`1px solid ${borderColor}`,display:\"flex\",alignItems:\"center\",lineHeight:1.4,letterSpacing:\"-0.01em\",whiteSpace:\"normal\",background:bg,// 🔥 evita cortar palabras en columna 1\noverflowWrap:isFirstCol?\"normal\":\"break-word\",wordBreak:isFirstCol?\"keep-all\":\"normal\"};}addPropertyControls(TattooRemovalTable,{borderRadius:{type:ControlType.Number,defaultValue:18},borderColor:{type:ControlType.Color,defaultValue:\"#C7D8DD\"},headerBg:{type:ControlType.Color,defaultValue:\"#D0E0E5\"},rowDefaultBg:{type:ControlType.Color,defaultValue:\"#D7E6EA\"},rowAltBg:{type:ControlType.Color,defaultValue:\"#D2E3E8\"},textColor:{type:ControlType.Color,defaultValue:\"#111\"},fontFamily:{type:ControlType.String,defaultValue:\"Gotham Book, sans-serif\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"TattooRemovalTable\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Comparingremovaltable.map"],"mappings":"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"}