import QtQuick

Rectangle {
  function show(text, duration) {
    message.text = text;
    time = Math.max(duration, 2 * fadeTime);
    animation.start();
  }

  id: root

  readonly property real defaultTime: 3000
  property real time: defaultTime
  readonly property real fadeTime: 300

  anchors.horizontalCenter: parent != null ? parent.horizontalCenter : undefined
  height: message.height + 20
  width: message.width + 40
  radius: 16

  opacity: 0

  Text {
    id: message
    horizontalAlignment: Text.AlignHCenter
    anchors.centerIn: parent
  }

  SequentialAnimation on opacity {
    id: animation
    running: false


    NumberAnimation {
      to: .9
      duration: fadeTime
    }

    PauseAnimation {
      duration: time - 2 * fadeTime
    }

    NumberAnimation {
      to: 0
      duration: fadeTime
    }

    onRunningChanged: {
      if (!running) {
        toast.model.remove(index);
      }
    }
  }
}