// An eyebrow label with a rule running to the right edge.
import QtQuick
import QtQuick.Controls
import QtQuick.Layouts

import ".."

RowLayout {
    property string text: ""
    property string trailing: ""

    Layout.fillWidth: true
    spacing: 10

    Label {
        text: parent.text.toUpperCase()
        color: Theme.muted
        font.pixelSize: 10
        font.letterSpacing: 1.3
        font.weight: Font.DemiBold
        font.family: Theme.sansFamily
    }
    Rectangle { Layout.fillWidth: true; height: 1; color: Theme.rule }
    Label {
        visible: parent.trailing !== ""
        text: parent.trailing
        color: Theme.faint
        font.pixelSize: 11
        font.family: Theme.sansFamily
    }
}