import QtQuick

Rectangle {
    id: root

    required property Theme theme
    default property alias body: bodyItem.data
    property int padding: 16

    implicitWidth: bodyItem.implicitWidth + padding * 2
    implicitHeight: bodyItem.implicitHeight + padding * 2
    radius: 14
    color: theme.ui.backdrop
    border.width: 1
    border.color: theme.withAlpha(theme.ui.normal, 0.22)
    clip: true

    Item {
        id: bodyItem

        anchors.fill: parent
        anchors.margins: root.padding
        readonly property Item child: children.length > 0 ? children[0] : null
        implicitWidth: child ? child.implicitWidth : 0
        implicitHeight: child ? child.implicitHeight : 0
    }
}