fix readme-components

__tests__/transformers/readme-components.test.ts

@@ -18,7 +18,10 @@ describe('Readme Components Transformer', () => {
   const docs = {
     ['rdme-callout']: {
       md: `> 📘 It works!`,
-      mdx: `<Callout icon="📘" heading="It works!" />`,
+      mdx: `
+<Callout icon="📘">
+  It works!
+</Callout>`,
     },
     code: {
       md: `

processor/transform/readme-components.ts

@@ -78,17 +78,15 @@ const coerceJsxToMd =
 
       parent.children[index] = mdNode;
     } else if (node.name === 'Callout') {
-      const { heading, icon } = attributes<{ heading?: string; icon: string }>(node);
-
-      const child = mdast(heading);
+      const { icon, empty = false } = attributes<{ empty?: boolean; icon: string }>(node);
 
       // @ts-ignore
       const mdNode: Callout = {
-        children: [child?.children?.[0], ...node.children].filter(Boolean) as any,
+        children: node.children as any,
         type: NodeTypes.callout,
         data: {
           hName: node.name,
-          hProperties: { icon },
+          hProperties: { icon, empty },
         },
         position: node.position,
       };

types.d.ts

@@ -7,6 +7,7 @@ type Callout = Omit<Blockquote, 'type'> & {
     hName: 'Callout';
     hProperties: {
       icon: string;
+      empty: boolean;
     };
   };
 };