{"version":3,"file":"Languagecomponent.BusRSStg.mjs","names":["useRef","useState"],"sources":["https:/framerusercontent.com/modules/P8oov9sjeoYu4JSX1unx/ld1Gq9ktzF4TfGM326y4/Languagecomponent.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useEffect,useRef,useState}from\"react\";import{motion}from\"framer-motion\";import{addPropertyControls,ControlType}from\"framer\";const LANGUAGES=[{name:\"English\",flag:\"🇺🇸\",code:\"EN\"},{name:\"French\",flag:\"🇫🇷\",code:\"FR\"},{name:\"German\",flag:\"🇩🇪\",code:\"DE\"},{name:\"Spanish\",flag:\"🇪🇸\",code:\"ES\"},{name:\"Portuguese\",flag:\"🇧🇷\",code:\"PT\"},{name:\"Chinese\",flag:\"🇨🇳\",code:\"ZH\"},{name:\"Japanese\",flag:\"🇯🇵\",code:\"JA\"},{name:\"Hindi\",flag:\"🇮🇳\",code:\"HI\"},{name:\"Italian\",flag:\"🇮🇹\",code:\"IT\"},{name:\"Korean\",flag:\"🇰🇷\",code:\"KO\"},{name:\"Dutch\",flag:\"🇳🇱\",code:\"NL\"},{name:\"Polish\",flag:\"🇵🇱\",code:\"PL\"},{name:\"Russian\",flag:\"🇷🇺\",code:\"RU\"},{name:\"Swedish\",flag:\"🇸🇪\",code:\"SV\"},{name:\"Turkish\",flag:\"🇹🇷\",code:\"TR\"},{name:\"Tagalog\",flag:\"🇵🇭\",code:\"TL\"},{name:\"Bulgarian\",flag:\"🇧🇬\",code:\"BG\"},{name:\"Romanian\",flag:\"🇷🇴\",code:\"RO\"},{name:\"Arabic\",flag:\"🇸🇦\",code:\"AR\"},{name:\"Czech\",flag:\"🇨🇿\",code:\"CS\"},{name:\"Greek\",flag:\"🇬🇷\",code:\"EL\"},{name:\"Finnish\",flag:\"🇫🇮\",code:\"FI\"},{name:\"Croatian\",flag:\"🇭🇷\",code:\"HR\"},{name:\"Malay\",flag:\"🇲🇾\",code:\"MS\"},{name:\"Slovak\",flag:\"🇸🇰\",code:\"SK\"},{name:\"Danish\",flag:\"🇩🇰\",code:\"DA\"},{name:\"Tamil\",flag:\"🇮🇳\",code:\"TA\"},{name:\"Ukrainian\",flag:\"🇺🇦\",code:\"UK\"},{name:\"Hungarian\",flag:\"🇭🇺\",code:\"HU\"},{name:\"Norwegian\",flag:\"🇳🇴\",code:\"NO\"},{name:\"Vietnamese\",flag:\"🇻🇳\",code:\"VI\"},{name:\"Bengali\",flag:\"🇧🇩\",code:\"BN\"},{name:\"Thai\",flag:\"🇹🇭\",code:\"TH\"},{name:\"Hebrew\",flag:\"🇮🇱\",code:\"HE\"},{name:\"Georgian\",flag:\"🇬🇪\",code:\"KA\"},{name:\"Indonesian\",flag:\"🇮🇩\",code:\"ID\"},{name:\"Telugu\",flag:\"🇮🇳\",code:\"TE\"},{name:\"Gujarati\",flag:\"🇮🇳\",code:\"GU\"},{name:\"Kannada\",flag:\"🇮🇳\",code:\"KN\"},{name:\"Malayalam\",flag:\"🇮🇳\",code:\"ML\"},{name:\"Marathi\",flag:\"🇮🇳\",code:\"MR\"},{name:\"Punjabi\",flag:\"🇮🇳\",code:\"PA\"}];export default function LanguageGrid(props){const{accentColor=\"#8B5CF6\",cardBackground=\"#ffffff\",borderColor=\"#ebebeb\",textColor=\"#1a1a1a\",subtextColor=\"#b0b0b0\",style={}}=props;const ref=useRef(null);const[w,setW]=useState(0);useEffect(()=>{const el=ref.current;if(!el)return;setW(el.offsetWidth);const ro=new ResizeObserver(entries=>{const width=entries[0].contentRect.width;if(width>0)setW(width);});ro.observe(el);return()=>ro.disconnect();},[]);const cols=w<340?2:w<520?3:w<720?4:w<960?5:6;const gap=w<480?8:12;const cardH=w<480?52:60;const flagSize=w<480?22:26;const nameSize=w<480?13:14.5;const codeSize=w<480?9.5:11;const padL=w<480?12:16;const radius=w<480?12:14;return /*#__PURE__*/_jsx(\"div\",{ref:ref,style:{width:\"100%\",display:\"flex\",flexWrap:\"wrap\",gap,fontFamily:\"'DM Sans', system-ui, -apple-system, sans-serif\",...style},children:w>0&&LANGUAGES.map(lang=>/*#__PURE__*/_jsxs(motion.div,{whileHover:{y:-2,borderColor:accentColor+\"60\",boxShadow:`0 6px 20px -6px ${accentColor}30`},transition:{duration:.2},style:{width:`calc(${100/cols}% - ${gap*(cols-1)/cols}px)`,height:cardH,background:cardBackground,border:`1px solid ${borderColor}`,borderRadius:radius,display:\"flex\",alignItems:\"center\",gap:w<480?8:10,paddingLeft:padL,paddingRight:10,boxSizing:\"border-box\",cursor:\"default\",flexShrink:0},children:[/*#__PURE__*/_jsx(\"span\",{style:{fontSize:flagSize,lineHeight:1,flexShrink:0},role:\"img\",\"aria-label\":lang.name,children:lang.flag}),/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"column\",minWidth:0,overflow:\"hidden\"},children:[/*#__PURE__*/_jsx(\"span\",{style:{fontSize:nameSize,fontWeight:600,color:textColor,lineHeight:1.2,whiteSpace:\"nowrap\",overflow:\"hidden\",textOverflow:\"ellipsis\"},children:lang.name}),/*#__PURE__*/_jsx(\"span\",{style:{fontSize:codeSize,fontWeight:500,color:subtextColor,lineHeight:1.2,marginTop:1,letterSpacing:\"0.03em\"},children:lang.code})]})]},`${lang.name}-${lang.code}`))});}addPropertyControls(LanguageGrid,{accentColor:{type:ControlType.Color,title:\"Hover Accent\",defaultValue:\"#8B5CF6\"},cardBackground:{type:ControlType.Color,title:\"Card BG\",defaultValue:\"#ffffff\"},borderColor:{type:ControlType.Color,title:\"Border\",defaultValue:\"#ebebeb\"},textColor:{type:ControlType.Color,title:\"Text\",defaultValue:\"#1a1a1a\"},subtextColor:{type:ControlType.Color,title:\"Subtext\",defaultValue:\"#b0b0b0\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"LanguageGrid\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Languagecomponent.map"],"mappings":"iPAAozD,SAAwB,EAAa,EAAM,CAAC,GAAK,CAAC,cAAY,UAAU,iBAAe,UAAU,cAAY,UAAU,YAAU,UAAU,eAAa,UAAU,QAAM,EAAE,EAAE,EAAY,EAAIA,EAAO,KAAK,CAAM,CAAC,EAAE,GAAMC,EAAS,EAAE,CAAC,MAAc,CAAC,IAAM,EAAG,EAAI,QAAQ,GAAG,CAAC,EAAG,OAAO,EAAK,EAAG,YAAY,CAAC,IAAM,EAAG,IAAI,eAAe,GAAS,CAAC,IAAM,EAAM,EAAQ,GAAG,YAAY,MAAS,EAAM,GAAE,EAAK,EAAM,EAAG,CAAgB,OAAf,EAAG,QAAQ,EAAG,KAAW,EAAG,YAAY,EAAG,EAAE,CAAC,CAAC,IAAM,EAAK,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,EAAQ,EAAI,EAAE,IAAI,EAAE,GAAS,EAAM,EAAE,IAAI,GAAG,GAAS,EAAS,EAAE,IAAI,GAAG,GAAS,EAAS,EAAE,IAAI,GAAG,KAAW,EAAS,EAAE,IAAI,IAAI,GAAS,EAAK,EAAE,IAAI,GAAG,GAAS,EAAO,EAAE,IAAI,GAAG,GAAG,OAAoB,EAAK,MAAM,CAAK,MAAI,MAAM,CAAC,MAAM,OAAO,QAAQ,OAAO,SAAS,OAAO,MAAI,WAAW,kDAAkD,GAAG,EAAM,CAAC,SAAS,EAAE,GAAG,EAAU,IAAI,GAAmB,EAAM,EAAO,IAAI,CAAC,WAAW,CAAC,EAAE,GAAG,YAAY,EAAY,KAAK,UAAU,mBAAmB,EAAY,IAAI,CAAC,WAAW,CAAC,SAAS,GAAG,CAAC,MAAM,CAAC,MAAM,QAAQ,IAAI,EAAK,MAAM,GAAK,EAAK,GAAG,EAAK,KAAK,OAAO,EAAM,WAAW,EAAe,OAAO,aAAa,IAAc,aAAa,EAAO,QAAQ,OAAO,WAAW,SAAS,IAAI,EAAE,IAAI,EAAE,GAAG,YAAY,EAAK,aAAa,GAAG,UAAU,aAAa,OAAO,UAAU,WAAW,EAAE,CAAC,SAAS,CAAc,EAAK,OAAO,CAAC,MAAM,CAAC,SAAS,EAAS,WAAW,EAAE,WAAW,EAAE,CAAC,KAAK,MAAM,aAAa,EAAK,KAAK,SAAS,EAAK,KAAK,CAAC,CAAc,EAAM,MAAM,CAAC,MAAM,CAAC,QAAQ,OAAO,cAAc,SAAS,SAAS,EAAE,SAAS,SAAS,CAAC,SAAS,CAAc,EAAK,OAAO,CAAC,MAAM,CAAC,SAAS,EAAS,WAAW,IAAI,MAAM,EAAU,WAAW,IAAI,WAAW,SAAS,SAAS,SAAS,aAAa,WAAW,CAAC,SAAS,EAAK,KAAK,CAAC,CAAc,EAAK,OAAO,CAAC,MAAM,CAAC,SAAS,EAAS,WAAW,IAAI,MAAM,EAAa,WAAW,IAAI,UAAU,EAAE,cAAc,SAAS,CAAC,SAAS,EAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAK,KAAK,GAAG,EAAK,OAAO,CAAC,CAAC,CAAC,oBAA5oH,IAA6C,IAAkC,IAAoD,CAAM,EAAU,CAAC,CAAC,KAAK,UAAU,KAAK,OAAO,KAAK,KAAK,CAAC,CAAC,KAAK,SAAS,KAAK,OAAO,KAAK,KAAK,CAAC,CAAC,KAAK,SAAS,KAAK,OAAO,KAAK,KAAK,CAAC,CAAC,KAAK,UAAU,KAAK,OAAO,KAAK,KAAK,CAAC,CAAC,KAAK,aAAa,KAAK,OAAO,KAAK,KAAK,CAAC,CAAC,KAAK,UAAU,KAAK,OAAO,KAAK,KAAK,CAAC,CAAC,KAAK,WAAW,KAAK,OAAO,KAAK,KAAK,CAAC,CAAC,KAAK,QAAQ,KAAK,OAAO,KAAK,KAAK,CAAC,CAAC,KAAK,UAAU,KAAK,OAAO,KAAK,KAAK,CAAC,CAAC,KAAK,SAAS,KAAK,OAAO,KAAK,KAAK,CAAC,CAAC,KAAK,QAAQ,KAAK,OAAO,KAAK,KAAK,CAAC,CAAC,KAAK,SAAS,KAAK,OAAO,KAAK,KAAK,CAAC,CAAC,KAAK,UAAU,KAAK,OAAO,KAAK,KAAK,CAAC,CAAC,KAAK,UAAU,KAAK,OAAO,KAAK,KAAK,CAAC,CAAC,KAAK,UAAU,KAAK,OAAO,KAAK,KAAK,CAAC,CAAC,KAAK,UAAU,KAAK,OAAO,KAAK,KAAK,CAAC,CAAC,KAAK,YAAY,KAAK,OAAO,KAAK,KAAK,CAAC,CAAC,KAAK,WAAW,KAAK,OAAO,KAAK,KAAK,CAAC,CAAC,KAAK,SAAS,KAAK,OAAO,KAAK,KAAK,CAAC,CAAC,KAAK,QAAQ,KAAK,OAAO,KAAK,KAAK,CAAC,CAAC,KAAK,QAAQ,KAAK,OAAO,KAAK,KAAK,CAAC,CAAC,KAAK,UAAU,KAAK,OAAO,KAAK,KAAK,CAAC,CAAC,KAAK,WAAW,KAAK,OAAO,KAAK,KAAK,CAAC,CAAC,KAAK,QAAQ,KAAK,OAAO,KAAK,KAAK,CAAC,CAAC,KAAK,SAAS,KAAK,OAAO,KAAK,KAAK,CAAC,CAAC,KAAK,SAAS,KAAK,OAAO,KAAK,KAAK,CAAC,CAAC,KAAK,QAAQ,KAAK,OAAO,KAAK,KAAK,CAAC,CAAC,KAAK,YAAY,KAAK,OAAO,KAAK,KAAK,CAAC,CAAC,KAAK,YAAY,KAAK,OAAO,KAAK,KAAK,CAAC,CAAC,KAAK,YAAY,KAAK,OAAO,KAAK,KAAK,CAAC,CAAC,KAAK,aAAa,KAAK,OAAO,KAAK,KAAK,CAAC,CAAC,KAAK,UAAU,KAAK,OAAO,KAAK,KAAK,CAAC,CAAC,KAAK,OAAO,KAAK,OAAO,KAAK,KAAK,CAAC,CAAC,KAAK,SAAS,KAAK,OAAO,KAAK,KAAK,CAAC,CAAC,KAAK,WAAW,KAAK,OAAO,KAAK,KAAK,CAAC,CAAC,KAAK,aAAa,KAAK,OAAO,KAAK,KAAK,CAAC,CAAC,KAAK,SAAS,KAAK,OAAO,KAAK,KAAK,CAAC,CAAC,KAAK,WAAW,KAAK,OAAO,KAAK,KAAK,CAAC,CAAC,KAAK,UAAU,KAAK,OAAO,KAAK,KAAK,CAAC,CAAC,KAAK,YAAY,KAAK,OAAO,KAAK,KAAK,CAAC,CAAC,KAAK,UAAU,KAAK,OAAO,KAAK,KAAK,CAAC,CAAC,KAAK,UAAU,KAAK,OAAO,KAAK,KAAK,CAAC,CAAo5D,EAAoB,EAAa,CAAC,YAAY,CAAC,KAAK,EAAY,MAAM,MAAM,eAAe,aAAa,UAAU,CAAC,eAAe,CAAC,KAAK,EAAY,MAAM,MAAM,UAAU,aAAa,UAAU,CAAC,YAAY,CAAC,KAAK,EAAY,MAAM,MAAM,SAAS,aAAa,UAAU,CAAC,UAAU,CAAC,KAAK,EAAY,MAAM,MAAM,OAAO,aAAa,UAAU,CAAC,aAAa,CAAC,KAAK,EAAY,MAAM,MAAM,UAAU,aAAa,UAAU,CAAC,CAAC"}