pragma ComponentBehavior: Bound

import QtQuick
import qs.Modules

Repeater {
    id: gifRepeater
    required property list<string> gifsList
    property int firstWidth
    property int lastWidth
    model: gifsList
    Item {
		id: gifItem

		required property int index
		required property string modelData

		function xPos(): void {
			let xPos = 0;
			const item = gifRepeater.itemAt(index - 1);
			if ( item ) xPos += item.x + item.width;
			return xPos;
		}

		Component.onCompleted: x = xPos()

		x: 0
        y: Screen.height - height
        width: gif.width
        height: gif.height

        AnimatedImage {
            id: gif
            source: gifItem.modelData
            fillMode: Image.PreserveAspectFit
        }

        Mouse {}
    }
}