import QtQuick
import QtQuick.Effects
import "." as M

Rectangle {
    id: root

    default property alias content: row.children
    property color borderColor: M.Theme.base02
    color: "transparent"
    border.color: borderColor
    border.width: 1
    radius: M.Theme.radius

    visible: row.visibleChildren.length > 0

    layer.enabled: true
    layer.effect: MultiEffect {
        shadowEnabled: true
        shadowColor: root.borderColor
        shadowBlur: 0.6
        shadowVerticalOffset: 0
        shadowHorizontalOffset: 0
    }

    implicitWidth: row.implicitWidth + _pad * 2
    implicitHeight: row.implicitHeight + _pad * 2

    readonly property int _pad: 6

    Row {
        id: row
        anchors.centerIn: parent
        spacing: M.Theme.moduleSpacing + 2
    }
}