import QtQuick
import "../Flowee" as Flowee
import Flowee.org.pay

Rectangle {
    id: root
    implicitHeight: helpText.height + 8
    color: palette.base
    property var placementInGroup: model.placementInGroup
    clip: true

    Rectangle {
        width: parent.width - 16
        x: 8
        visible: root.placementInGroup === Wallet.GroupMiddle
        // we always have the rounded circles and borders, but if we should not see them, we move them out of the clipped area.
        height: parent.height + 5
        y: -5
        radius: root.placementInGroup === Wallet.GroupEnd ? 10 : 0
        color: "transparent"
        border.width: 1
        border.color: palette.midlight
    }

    Flowee.Label {
        id: helpText
        text: {
            let count = model.collapsedCount
            return qsTr("%1 hidden transactions", "activity list", count).arg(count)
        }
        font.italic: true
        font.pixelSize: mainWindow.font.pixelSize * 0.9
        anchors.centerIn: parent
        opacity: 0.8 // to make the text less bright
    }
}