{"version":3,"file":"index.cjs","sources":["../../../../../../../src/components/erc20-token-picker/search/row/balance/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { Typography } from \"../../../../typography\";\nimport { Skeleton } from \"../../../../skeleton\";\nimport { formatDecimals } from \"@carrot-kpi/sdk\";\nimport { formatUnits } from \"viem\";\n\ninterface BalanceProps {\n    balance?: bigint | null;\n    decimals?: number;\n    loading?: boolean;\n}\n\nexport const Balance = ({ balance, decimals = 18, loading }: BalanceProps) => {\n    if (!balance) return null;\n    if (loading) return <Skeleton variant=\"sm\" width=\"40px\" />;\n\n    return (\n        <Typography\n            variant=\"sm\"\n            className={{ root: \"cui-pointer-events-none\" }}\n        >\n            {formatDecimals({\n                number: formatUnits(balance, decimals),\n                decimalsAmount: 4,\n            })}\n        </Typography>\n    );\n};\n"],"names":["Skeleton","Typography","formatDecimals","formatUnits"],"mappings":";;;;;;;;AAYO,MAAM,UAAU,CAAC,EAAE,SAAS,QAAW,GAAA,EAAA,EAAI,SAA4B,KAAA;AAC1E,EAAA,IAAI,CAAC,OAAA;AAAS,IAAO,OAAA,IAAA,CAAA;AACrB,EAAI,IAAA,OAAA;AAAS,IAAA,uBAAQ,KAAA,CAAA,aAAA,CAAAA,iBAAA,EAAA,EAAS,OAAQ,EAAA,IAAA,EAAK,OAAM,MAAO,EAAA,CAAA,CAAA;AAExD,EACI,uBAAA,KAAA,CAAA,aAAA;AAAA,IAACC,qBAAA;AAAA,IAAA;AAAA,MACG,OAAQ,EAAA,IAAA;AAAA,MACR,SAAA,EAAW,EAAE,IAAA,EAAM,yBAA0B,EAAA;AAAA,KAAA;AAAA,IAE5CC,yBAAe,CAAA;AAAA,MACZ,MAAA,EAAQC,uBAAY,CAAA,OAAA,EAAS,QAAQ,CAAA;AAAA,MACrC,cAAgB,EAAA,CAAA;AAAA,KACnB,CAAA;AAAA,GACL,CAAA;AAER;;;;"}