{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/ofohcGr2qDb5UchYzi8d/q7Dj1Rhbds2yeMR44vDG/ScrollableContainer.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";export function ScrollableContainer(props){const{outerPadding,radius,background,gap,forceFillWidth,scrollbarBackgroundColor,thumbColor,hoverColor,focusColor,children,style,...rest}=props;const scrollRef=React.useRef(null);React.useEffect(()=>{const className=\"custom-scroll-container\";const styleTag=document.createElement(\"style\");styleTag.innerHTML=`\n            .${className}::-webkit-scrollbar {\n                width: 8px;\n            }\n            .${className}::-webkit-scrollbar-track {\n                background: ${scrollbarBackgroundColor};\n                padding: 4px;\n                border-radius: 20px;\n            }\n            .${className}::-webkit-scrollbar-thumb {\n                background-color: ${thumbColor};\n                border: transparent;\n                border-radius: 200px;\n            }\n            .${className}::-webkit-scrollbar-thumb:hover {\n                background-color: ${hoverColor};\n            }\n            .${className}::-webkit-scrollbar-thumb:active {\n                background-color: ${focusColor};\n            }\n        `;document.head.appendChild(styleTag);const el=scrollRef.current;if(el){el.classList.add(className);const wheelHandler=e=>{e.stopPropagation();};const touchHandler=e=>{e.stopPropagation();};el.addEventListener(\"wheel\",wheelHandler,{passive:false});el.addEventListener(\"touchmove\",touchHandler,{passive:false});return()=>{el.removeEventListener(\"wheel\",wheelHandler);el.removeEventListener(\"touchmove\",touchHandler);el.classList.remove(className);document.head.removeChild(styleTag);};}return()=>{document.head.removeChild(styleTag);};},[scrollbarBackgroundColor,thumbColor,hoverColor,focusColor]);return /*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:\"100%\",background,borderRadius:radius,boxSizing:\"border-box\",padding:outerPadding,...style},...rest,children:/*#__PURE__*/_jsx(\"div\",{ref:scrollRef,style:{width:\"100%\",height:\"100%\",overflowY:\"auto\",overflowX:\"hidden\",boxSizing:\"border-box\",display:\"flex\",flexDirection:\"column\"},children:/*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",flexDirection:\"column\",gap:gap,width:\"100%\",alignItems:\"stretch\"},children:React.Children.map(children,child=>{if(!/*#__PURE__*/React.isValidElement(child))return child;if(!forceFillWidth)return child;return /*#__PURE__*/React.cloneElement(child,{style:{...child.props.style||{},width:\"100%\"}});})})})});}addPropertyControls(ScrollableContainer,{outerPadding:{type:ControlType.Number,title:\"Padding\",defaultValue:24,min:0,max:100},radius:{type:ControlType.Number,title:\"Radius\",defaultValue:16,min:0,max:100},background:{type:ControlType.Color,title:\"Background\",defaultValue:\"#0C1B22\"},gap:{type:ControlType.Number,title:\"Gap\",defaultValue:16,min:0,max:100},forceFillWidth:{type:ControlType.Boolean,title:\"Force Fill Width\",defaultValue:true},scrollbarBackgroundColor:{type:ControlType.Color,title:\"Scroll Track\",defaultValue:\"rgba(255, 255, 255, 0.2)\"},thumbColor:{type:ControlType.Color,title:\"Thumb\",defaultValue:\"rgba(255, 255, 255, 0.5)\"},hoverColor:{type:ControlType.Color,title:\"Thumb Hover\",defaultValue:\"rgba(255, 255, 255, 0.6)\"},focusColor:{type:ControlType.Color,title:\"Thumb Active\",defaultValue:\"rgba(255, 255, 255, 1)\"},children:{type:ControlType.Array,title:\"Cartes\",propertyControl:{type:ControlType.ComponentInstance}}});\nexport const __FramerMetadata__ = {\"exports\":{\"ScrollableContainer\":{\"type\":\"reactComponent\",\"name\":\"ScrollableContainer\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ScrollableContainer.map"],
  "mappings": "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",
  "names": ["ScrollableContainer", "props", "outerPadding", "radius", "background", "gap", "forceFillWidth", "scrollbarBackgroundColor", "thumbColor", "hoverColor", "focusColor", "children", "style", "rest", "scrollRef", "pe", "ue", "className", "styleTag", "el", "wheelHandler", "e", "touchHandler", "p", "j", "child", "J", "q", "addPropertyControls", "ControlType"]
}