{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/FIBsEUHagMB4Rdr4rFdf/84lWNvoAKDQkN53SARi7/price.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useEffect,useState}from\"react\";import{addPropertyControls,ControlType}from\"framer\";const titleStyle={fontSize:\"16px\",fontWeight:\"700\",lineHeight:\"auto\",fontFamily:\"Inter\",letterSpacing:\"-0.3px\",color:\"#404040\"};const valueStyle={fontSize:\"24px\",fontWeight:\"700\",lineHeight:\"auto\",fontFamily:\"Inter\",letterSpacing:\"-1px\",color:\"black\"};const rowStyle={width:\"240px\",padding:\"0px 0px 0px 0px\",overflow:\"hidden\",textOverflow:\"ellipsis\",whiteSpace:\"nowrap\",display:\"flex\",flexDirection:\"column\",gap:0,height:\"fit-content\"};const tokenTitleMap={bitcoin:\"Bitcoin\",dogecoin:\"Dogecoin\",eos:\"EOS\",ethereum:\"Ethereum\",litecoin:\"Litecoin\",metal:\"MTL\",\"metal-blockchain\":\"METAL\",\"hedera-hashgraph\":\"HBAR\",proton:\"XPR\",\"proton-loan\":\"LOAN\",stellar:\"Stellar\",usdc:\"USDC\",tether:\"Tether\",xrp:\"XRP\",solana:\"Solana\",cardano:\"Cardano\"};export function CryptoPrice(props){const{token}=props;const[price,setPrice]=useState(null);const[percentageChange,setPercentageChange]=useState(null);const customTitle=tokenTitleMap[token]||token.toUpperCase();useEffect(()=>{async function fetchPrice(){var _data_token,_data_token1;const response=await fetch(`https://api.coingecko.com/api/v3/simple/price?ids=${token}&vs_currencies=usd&include_24hr_change=true`);const data=await response.json();setPrice(((_data_token=data[token])===null||_data_token===void 0?void 0:_data_token.usd)||\"N/A\");setPercentageChange(((_data_token1=data[token])===null||_data_token1===void 0?void 0:_data_token1.usd_24h_change)||0);}fetchPrice();},[token]);const percentageStyle={color:percentageChange>=0?\"green\":\"red\",fontWeight:\"700\"};const formattedPrice=price!==null&&price!==\"N/A\"?\"$\"+price.toLocaleString():\"Loading...\";return /*#__PURE__*/_jsxs(\"div\",{style:rowStyle,children:[/*#__PURE__*/_jsx(\"div\",{style:titleStyle,children:`${customTitle} Price in USD:`}),/*#__PURE__*/_jsx(\"div\",{style:valueStyle,children:formattedPrice}),/*#__PURE__*/_jsx(\"div\",{style:percentageStyle,children:percentageChange!==null?`${percentageChange.toFixed(2)}%`:\"Loading...\"})]});}CryptoPrice.defaultProps={token:\"bitcoin\"};addPropertyControls(CryptoPrice,{token:{type:ControlType.Enum,title:\"Token\",defaultValue:\"bitcoin\",options:[\"bitcoin\",\"dogecoin\",\"eos\",\"ethereum\",\"litecoin\",\"metal\",\"metal-blockchain\",\"hedera-hashgraph\",\"proton\",\"proton-loan\",\"stellar\",\"udsc\",\"tether\",\"xrp\",\"solana\",\"cardano\"],optionTitles:[\"BTC\",\"DOGE\",\"EOS\",\"ETH\",\"LTC\",\"MTL\",\"METAL\",\"HBAR\",\"XPR\",\"LOAN\",\"XLM\",\"USDC\",\"USDT\",\"XRP\",\"SOL\",\"ADA\"]}});\nexport const __FramerMetadata__ = {\"exports\":{\"CryptoPrice\":{\"type\":\"reactComponent\",\"name\":\"CryptoPrice\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./price.map"],
  "mappings": "8EAAmJ,IAAMA,EAAW,CAAC,SAAS,OAAO,WAAW,MAAM,WAAW,OAAO,WAAW,QAAQ,cAAc,SAAS,MAAM,SAAS,EAAQC,EAAW,CAAC,SAAS,OAAO,WAAW,MAAM,WAAW,OAAO,WAAW,QAAQ,cAAc,OAAO,MAAM,OAAO,EAAQC,EAAS,CAAC,MAAM,QAAQ,QAAQ,kBAAkB,SAAS,SAAS,aAAa,WAAW,WAAW,SAAS,QAAQ,OAAO,cAAc,SAAS,IAAI,EAAE,OAAO,aAAa,EAAQC,EAAc,CAAC,QAAQ,UAAU,SAAS,WAAW,IAAI,MAAM,SAAS,WAAW,SAAS,WAAW,MAAM,MAAM,mBAAmB,QAAQ,mBAAmB,OAAO,OAAO,MAAM,cAAc,OAAO,QAAQ,UAAU,KAAK,OAAO,OAAO,SAAS,IAAI,MAAM,OAAO,SAAS,QAAQ,SAAS,EAAS,SAASC,EAAYC,EAAM,CAAC,GAAK,CAAC,MAAAC,CAAK,EAAED,EAAW,CAACE,EAAMC,CAAQ,EAAEC,EAAS,IAAI,EAAO,CAACC,EAAiBC,CAAmB,EAAEF,EAAS,IAAI,EAAQG,EAAYT,EAAcG,CAAK,GAAGA,EAAM,YAAY,EAAEO,EAAU,IAAI,CAAC,eAAeC,GAAY,CAAC,IAAIC,EAAYC,EAAiJ,IAAMC,EAAK,MAAhI,MAAM,MAAM,qDAAqDX,8CAAkD,GAA4B,KAAK,EAAEE,IAAWO,EAAYE,EAAKX,CAAK,KAAK,MAAMS,IAAc,OAAO,OAAOA,EAAY,MAAM,KAAK,EAAEJ,IAAsBK,EAAaC,EAAKX,CAAK,KAAK,MAAMU,IAAe,OAAO,OAAOA,EAAa,iBAAiB,CAAC,CAAE,CAACF,EAAW,CAAE,EAAE,CAACR,CAAK,CAAC,EAAE,IAAMY,EAAgB,CAAC,MAAMR,GAAkB,EAAE,QAAQ,MAAM,WAAW,KAAK,EAAQS,EAAeZ,IAAQ,MAAMA,IAAQ,MAAM,IAAIA,EAAM,eAAe,EAAE,aAAa,OAAoBa,EAAM,MAAM,CAAC,MAAMlB,EAAS,SAAS,CAAcmB,EAAK,MAAM,CAAC,MAAMrB,EAAW,SAAS,GAAGY,iBAA2B,CAAC,EAAeS,EAAK,MAAM,CAAC,MAAMpB,EAAW,SAASkB,CAAc,CAAC,EAAeE,EAAK,MAAM,CAAC,MAAMH,EAAgB,SAASR,IAAmB,KAAK,GAAGA,EAAiB,QAAQ,CAAC,KAAK,YAAY,CAAC,CAAC,CAAC,CAAC,CAAE,CAACN,EAAY,aAAa,CAAC,MAAM,SAAS,EAAEkB,EAAoBlB,EAAY,CAAC,MAAM,CAAC,KAAKmB,EAAY,KAAK,MAAM,QAAQ,aAAa,UAAU,QAAQ,CAAC,UAAU,WAAW,MAAM,WAAW,WAAW,QAAQ,mBAAmB,mBAAmB,SAAS,cAAc,UAAU,OAAO,SAAS,MAAM,SAAS,SAAS,EAAE,aAAa,CAAC,MAAM,OAAO,MAAM,MAAM,MAAM,MAAM,QAAQ,OAAO,MAAM,OAAO,MAAM,OAAO,OAAO,MAAM,MAAM,KAAK,CAAC,CAAC,CAAC",
  "names": ["titleStyle", "valueStyle", "rowStyle", "tokenTitleMap", "CryptoPrice", "props", "token", "price", "setPrice", "ye", "percentageChange", "setPercentageChange", "customTitle", "ue", "fetchPrice", "_data_token", "_data_token1", "data", "percentageStyle", "formattedPrice", "u", "p", "addPropertyControls", "ControlType"]
}