<script>
  /**
   * Common component to render a placeholder system note.
   *
   * @example
   * <placeholder-system-note
   *  :note="{ body: 'Commands are being applied'}"
   *  />
   */
  export default {
    name: 'placeholderSystemNote',
    props: {
      note: {
        type: Object,
        required: true,
      },
    },
  };
</script>

<template>
  <li class="note system-note timeline-entry being-posted fade-in-half">
   <div class="timeline-entry-inner">
     <div class="timeline-content">
       <em>{{note.body}}</em>
     </div>
   </div>
  </li>
</template>
