// Month-stepping arrow in CalendarPopup's header. Round hover target, sized
// like GNOME's calendar arrows rather than a bare glyph.

import QtQuick
import qs.config

Rectangle {
    id: root

    signal activated

    required property string glyph

    width: 24
    height: 24
    radius: width / 2
    border.width: 0
    color: mouse.containsMouse ? Theme.alpha(Theme.fg, Theme.hoverAlpha) : "transparent"

    Behavior on color {
        ColorAnimation {
            duration: Theme.durFast
        }
    }

    Text {
        anchors.centerIn: parent
        text: root.glyph
        font.family: Theme.fontMono
        font.pixelSize: Theme.fontSize
        color: Theme.fgDim
    }

    MouseArea {
        id: mouse
        anchors.fill: parent
        hoverEnabled: true
        cursorShape: Qt.PointingHandCursor
        onClicked: root.activated()
    }
}