message: feat(api): render events table
diff: @@ -3,6 +3,7 @@ export default (props) => {
  const headings = [...document.headings];
  const usage = renderUsage(document.usage);
  const properties = renderProperties(document.props);
  + const events = renderEvents(document.events);
  const customProps = renderCustomProps(document.styles);
  if (usage) {
  @@ -19,6 +20,13 @@ export default (props) => {
  });
  }
  + if (events) {
  + headings.push({
  + text: 'Events',
  + href: '#events'
  + });
  + }
  +
  if (customProps) {
  headings.push({
  text: 'CSS Custom Properties',
  @@ -33,6 +41,7 @@ export default (props) => {
  <div class="markdown-content" innerHTML={document.body}/>
  { usage }
  { properties }
  + { events }
  { customProps }
  </main>
  );
  @@ -75,6 +84,34 @@ const renderProperties = (properties) => {
  );
  };
  +const renderEvents = (events) => {
  + if (!events.length) {
  + return null;
  + }
  +
  + return (
  + <section>
  + <h2 id="events">Events</h2>
  + <table>
  + <thead>
  + <tr>
  + <th>Name</th>
  + <th>Description</th>
  + </tr>
  + </thead>
  + <tbody>
  + {events.map(event => (
  + <tr>
  + <td><code>{ event.event }</code></td>
  + <td>{ event.docs }</td>
  + </tr>
  + ))}
  + </tbody>
  + </table>
  + </section>
  + );
  +};
  +
  const renderCustomProps = (customProps) => {
  if (!customProps.length) {
  return null;
  