import QtQuick 2.12
import QtQuick.Controls 2.12 as Controls
import QtQuick.Layouts 1.12

import Controls 1.0 as CustomControls
import Palette 1.0

Controls.GroupBox {
    id: control

    leftPadding: 40
    rightPadding: 40
    topPadding: 56 + label.height + 48
    bottomPadding: 56

    property string subTitle: ""

    background: Rectangle {
        color: Palette.controlBackgroundColor
        radius: 32
    }

    label: RowLayout {
        width: parent.width - control.leftPadding - control.rightPadding
        x: control.leftPadding
        y: 56
        spacing: 10

        Text {
            id: label
            width: control.availableWidth

            text: control.title
            color: Palette.titleTextColor
            elide: Text.ElideRight

            font.family: "Roboto"
            font.pixelSize: 40
            font.weight: Font.Bold

            Layout.fillWidth: true
        }

        CustomControls.IndicatorTextField {
            text: control.subTitle
            visible: control.subTitle.length > 0
            font.pixelSize: 23
            font.weight: Font.Normal
            backgroundRadius: 16
            readOnly: true
        }
    }
}