import QtQuick 2.15
import QtQuick.Layouts 1.15

import StatusQ.Core 0.1
import StatusQ.Core.Theme 0.1
import StatusQ.Controls 0.1
import StatusQ.Popups.Dialog 0.1

import utils 1.0

ColumnLayout {
    id: root

    property alias text: sectionTitle.text

    signal infoButtonClicked

    spacing: 0

    StatusDialogDivider {
        Layout.fillWidth: true
        Layout.bottomMargin: Theme.halfPadding
    }
    RowLayout {
        Layout.fillWidth: true
        Layout.leftMargin: Theme.padding
        Layout.rightMargin: Theme.smallPadding
        Layout.bottomMargin: 4
        StatusBaseText {
            id: sectionTitle

            color: Theme.palette.baseColor1
        }
        Item { Layout.fillWidth: true }
        StatusFlatButton {
            Layout.preferredWidth: 32
            Layout.preferredHeight: 32
            visible: !!root.text
            icon.name: "info"
            textColor: Theme.palette.baseColor1
            horizontalPadding: 0
            verticalPadding: 0
            onClicked: root.infoButtonClicked()
        }
    }
}