chore(components): Show raised info above the pattern

packages/components/src/Workbench/DraftPattern/Events/index.js

@@ -1,9 +1,9 @@
 import React from 'react'
 import Event from './event'
 
-const DraftEvents = ({ events }) => (
+const DraftEvents = ({ events, types = ['error', 'warning', 'debug'] }) => (
   <div className="draft-events">
-    {['error', 'warning', 'debug'].map((type) => (
+    {types.map((type) => (
       <div className={`events-${type}`} key={type}>
         {events[type].map((event, index) => (
           <Event event={event} type={type} key={index} />

packages/components/src/Workbench/DraftPattern/index.js

@@ -36,6 +36,7 @@ const DraftPattern = (props) => {
 
   return (
     <>
+      <Events events={props.patternProps.events} types={['info']} />
       <Draft
         {...props.patternProps}
         design={props.design}