// Temperature and condition glyph, sitting next to the clock the way GNOME's
// weather sat inside the date menu button. Hidden entirely until a fetch has
// succeeded — an empty slot reads better than a placeholder.

import QtQuick
import qs.config
import qs.services
import qs.widgets

Pill {
    id: root

    interactive: false
    visible: Weather.available

    Text {
        anchors.verticalCenter: parent.verticalCenter
        text: Weather.icon
        font.family: Theme.fontMono
        font.pixelSize: Theme.fontSizeLarge
        color: Theme.accentAlt
    }

    Text {
        anchors.verticalCenter: parent.verticalCenter
        text: Math.round(Weather.temperature) + Weather.unitSuffix
        font.family: Theme.fontFamily
        font.pixelSize: Theme.fontSize
        color: Theme.fg
    }
}