pragma ComponentBehavior: Bound
import QtQuick

// A titled panel. Children go into the column below the title.
Rectangle {
    id: group

    property alias title: heading.text
    property real spacing: 10
    default property alias content: column.data

    implicitHeight: heading.height + 8 + column.implicitHeight + 24
    radius: 8
    color: "#ffffff"
    border.width: 1
    border.color: "#e7e1d8"
    antialiasing: true

    Text {
        id: heading
        x: 14
        y: 12
        color: "#7a7484"
        font.pixelSize: 11
        font.bold: true
    }

    Column {
        id: column
        anchors.left: parent.left
        anchors.right: parent.right
        anchors.leftMargin: 14
        anchors.rightMargin: 14
        anchors.top: heading.bottom
        anchors.topMargin: 8
        spacing: group.spacing
    }
}