import QtQuick
import QtQuick.Layouts
import "../config"

// Rounded background container used by every bar module for a consistent look.
Rectangle {
    id: pill

    default property alias content: row.data
    property int spacing: Theme.spacing
    property color background: Theme.surface0

    implicitWidth: row.implicitWidth + Theme.padding * 2
    implicitHeight: Theme.barHeight - Theme.gap * 2
    radius: Theme.radius
    color: background

    RowLayout {
        id: row
        anchors.centerIn: parent
        spacing: pill.spacing
    }
}