\n )}\n\n \u003Ch2 style={{ marginTop: 0 }}>{title}\u003C/h2>\n\n \u003Cul style={{ listStyle: 'none', padding: 0, margin: 0 }}>\n {fields.map(({ label, value }, index) => (\n \u003Cli key={index} style={{ marginBottom: '0.5rem' }}>\n \u003Cstrong>{label}:\u003C/strong> {value}\n \u003C/li>\n ))}\n \u003C/ul>\n \u003C/div>\n );\n}\n```\nand import\n\n```mdx\n---\ntitle: \"Helly Riggs\"\n---\n\nimport InfoBox from './InfoBox.jsx'\n\n# Helly Riggs\n\n\u003CInfoBox\n title=\"Helly Riggs\"\n image=\"/images/helly-riggs.jpg\"\n alt=\"Imagem da personagem Helly Riggs\"\n fields={[\n { label: 'Also Known As', value: 'Helly R., Helly Riggs' },\n { label: 'Portrayed By', value: 'Britt Lower' },\n { label: 'Occupation', value: 'Macrodata Refiner at Lumon Industries' },\n { label: 'Status', value: 'Severed, Alive' },\n { label: 'First Appearance', value: 'Good News About Hell' }\n ]}\n/>\n\n```\n",[],107,"Custom Component","2025-02-16T03:36:23Z","https://github.com/ZTL-UwU/shadcn-docs-nuxt/issues/107",0.8175627,["Reactive",2965],{},["Set"],["ShallowReactive",2968],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f-PDVO3Z4nzaCS2mRpOXvvciRFEM9uKCHFI0XylnhmRk":-1},"/ZTL-UwU/shadcn-docs-nuxt/47"]