<script context="module">
  export const TABS = {}
</script>

<script>
  import { setContext, onMount, onDestroy, createEventDispatcher } from 'svelte'
  import { writable } from 'svelte/store'
  import { uid } from '@/utils'

  export let index = 0

  let tabs = []
  let panels = []
  let activeTab = writable(null)
  let activePanel = writable(null)

module.exports = {
  presets: [
    [
      '@babel/preset-env',
      {
        modules: false,
        loose: true,
        useBuiltIns: 'usage',
        corejs: 3
      }
    ]
  ],
  plugins: [
    '@babel/plugin-transform-runtime',
    '@babel/plugin-syntax-dynamic-import',
    '@babel/plugin-proposal-class-properties'
  ],
  env: {
    test: {
      presets: [['@babel/preset-env', { targets: { node: 'current' } }]]
    }
  }
}

<Component
  {...spread}
  class="elephant {toggle ? 'dog' : ''}"
/>

const class_attr = this.node.attributes.find(a => a.name === 'class');
const initial_class = class_attr ?
    class_attr.chunks.map(c => c.data ? c.data.trim() : null).filter(d => d).join(' ') :
    '';