import QtQuick

// Gear in the grab bar; opens and closes the settings panel.
Item {
    id: button

    property bool checked: false
    // Something doesn't work (see Diagnostics): a dot invites a look in settings.
    property bool alert: false
    signal clicked()

    implicitWidth: 36
    implicitHeight: 22

    Text {
        anchors.centerIn: parent
        text: button.checked ? "⌨" : "⚙"
        font.pixelSize: 15
        color: tap.pressed ? Theme.text : Theme.handle
    }

    Rectangle {
        visible: button.alert && !button.checked
        width: 6
        height: 6
        radius: 3
        color: Theme.warning
        x: parent.width / 2 + 6
        y: 3
    }

    TapHandler {
        id: tap
        onTapped: button.clicked()
    }
}