import Vue from 'vue'
import { Component } from 'vue-property-decorator'

import { TimelineLite, Back } from 'gsap'

import $ from 'jquery'
import Timeout = NodeJS.Timeout
import { tools } from "@src/store/Modules/tools"

@Component({

})
export default class Logo extends Vue {
  public logoimg: string = ''

  public created() {
    this.logoimg = '../../' + tools.getimglogo()
    this.animate()
  }

  public animate() {
    const timeline = new TimelineLite()

    /*

    let mysmile = $('#smile')

    mysmile.attr('class', 'smile_hide')

    setTimeout(() => {
      mysmile.removeClass('smilevisible')
      mysmile.addClass('smile_hide')
    }, 1000)

    setTimeout(() => {
      mysmile.addClass('smilevisible')
      mysmile.removeClass('smile_hide')
    }, 10000)

    */

    /*
    timeline.to('#smile', 5, {
      cy: 20,
      cx: 60,
      ease: Back.easeInOut // Specify an ease
    })
    */

  }

}