{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"badgedbox-compose","type":"registry:item","title":"BadgedBox","description":"A Jetpack Compose layout wrapper that positions a badge over content such as an icon.","files":[{"path":"snippets/badgedbox-compose.tsx","content":"import { Host, Badge, BadgedBox, Icon, Text } from \"@expo/ui/jetpack-compose\";\n\n// Replace with your own vector drawable asset\nconst mailIcon = require(\"./assets/mail.xml\");\n\nexport default function IconWithBadge() {\n  return (\n    <Host matchContents>\n      <BadgedBox>\n        <BadgedBox.Badge>\n          <Badge>\n            <Text>5</Text>\n          </Badge>\n        </BadgedBox.Badge>\n        <Icon source={mailIcon} size={24} />\n      </BadgedBox>\n    </Host>\n  );\n}\n","type":"registry:file","target":"~/snippets/badgedbox-compose.tsx"}],"author":"expo","dependencies":["@expo/ui"]}