{"version":3,"file":"Blockies.mjs","sourceRoot":"","sources":["../../../../src/components/temp-components/Blockies/Blockies.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,qBAAqB,EAAE,uCAAuC;AACvE,OAAO,EAAE,GAAG,EAAE,YAAY;AAC1B,OAAO,MAAK,cAAc;;AAI1B,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,OAAO,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,KAAK,EAAiB,EAAE,EAAE;IAC1E,4DAA4D;IAC5D,MAAM,cAAc,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC;IAEtD,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,CAAC,cAA+B,CAAC,EACzC,MAAM,EAAE,IAAI,EACZ,KAAK,EAAE,IAAI,EACX,GAAG,EAAE,gBAAgB,OAAO,EAAE,KAC1B,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC","sourcesContent":["import { extractAccountAddress } from '@metamask/design-system-shared';\nimport { blo } from 'blo';\nimport React from 'react';\n\nimport type { BlockiesProps } from './Blockies.types';\n\nexport const Blockies = ({ address, size = 32, ...props }: BlockiesProps) => {\n  // Extract the account address from CAIP-10 format if needed\n  const accountAddress = extractAccountAddress(address);\n\n  return (\n    <img\n      src={blo(accountAddress as `0x${string}`)}\n      height={size}\n      width={size}\n      alt={`Blockies for ${address}`} // TODO: Add localization for this\n      {...props}\n    />\n  );\n};\n\nBlockies.displayName = 'Blockies';\n"]}