import QtGraphicalEffects 1.0
import QtQuick 2.7
import QtQuick.Controls 2.4
import QtQuick.Controls.Material 2.0
import QtQuick.Layouts 1.3
import QtQuick.Window 2.11
import QtQuick.Controls 1.4
import QtQuick.Controls.Styles 1.4

import "." as Opaque
import "../opaque/styles"
import "../opaque/theme"


Column {
    id: tehcol

    width: parent.width - 20
    anchors.horizontalCenter: parent.horizontalCenter
    padding: 10
    spacing: 10
    property bool inline: true
    property bool last: false

    property alias label: settingLabel.text
    property alias field: fieldContainer.children



    Grid {
        id: container
        columns: inline ? 2 : 1
        spacing: 10
        padding: 10

        width: parent.width

        property int gridWidth: inline ? (parent.width / 2) - 20 : parent.width - 20

        anchors.horizontalCenter: parent.horizontalCenter

        Opaque.EllipsisLabel {
            id: settingLabel
            width: container.gridWidth
            color: Theme.mainTextColor
            size: Theme.secondaryTextSize * gcd.themeScale
            font.weight: Font.Bold
        }


        Item {
            id: fieldContainer
            width: container.gridWidth
            // needs a height so !inline HLine "knows" how far down to be
            height: fieldContainer.children[0].height
        }

    }

    Opaque.HLine { visible: !last }
}