// Copyright (C) 2024 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial

import QtQuick 2.0
import StyleModule 1.0
import SwipeModule 1.0
/*
    This view allows to select the response time for the game
    using circular gestures.
*/

BaseView {
    id: root

    signal swipeTriggered()

    CircularSwipeArea {
        id: csArea

        anchors.fill: parent

        onClockwiseTriggered: Globals.increaseTime()
        onCounterClockwiseTriggered: Globals.decreaseTime()
    }

    // used for navigation between views
    DirectionalSwipeArea {
        id: leftArea

        anchors.fill: parent

        direction: Swipe.Direction.Left

        onTriggered: {
            root.swipeTriggered()
        }
    }

    Text {
        id: numberText

        anchors.centerIn: parent
        color: Style.colorText
        font: Style.textFontBig
        text: (Globals.time / 1000) + " s"
    }

    Text {
        anchors {
            top: numberText.bottom
            horizontalCenter: parent.horizontalCenter
        }
        color: Style.colorText
        font: Style.textFontSmall
        text: "Time per Question"
    }
}