import QtQuick 2.12
import QtQuick.Controls 2.12 as Controls

import Palette 1.0

Controls.TextField {
    id: control

    implicitHeight: 108

    horizontalAlignment: Text.AlignRight
    verticalAlignment: Text.AlignVCenter

    topPadding: 12
    bottomPadding: 12
    leftPadding: 24
    rightPadding: 24 + Math.ceil(indicatorLabel.width) + (indicatorLabel.visible ? 12 : 0)

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

    color: Palette.labelTextColor

    property string indicatorText

    background: Rectangle {
        radius: 32
        color: Palette.controlBackgroundColor
        border.width: 1
        border.color: Palette.borderColor

        width: control.width
        height: control.height

        Controls.Label {
            id: indicatorLabel
            visible: control.indicatorText.length > 0
            text: control.indicatorText

            anchors.right: parent.right
            anchors.rightMargin: 24
            anchors.bottom: parent.bottom
            anchors.bottomMargin: 20

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

            color: Palette.descriptionTextColor
        }
    }
}