<script>
  /**
   * Set the type of code snippet
   * @type {"single" | "inline" | "multi"} [type="single"]
   */
  export let type = "single";
</script>

<div
  class:bx--snippet="{true}"
  class:bx--skeleton="{true}"
  class:bx--snippet--single="{type === 'single'}"
  class:bx--snippet--multi="{type === 'multi'}"
  {...$$restProps}
  on:click
  on:mouseover
  on:mouseenter
  on:mouseleave>
  <div class:bx--snippet-container="{true}">
    {#if type === 'single'}
      <span></span>
    {:else if type === 'multi'}<span></span> <span></span> <span></span>{/if}
  </div>
</div>
