import QtQuick
import QtQuick.Effects
import QtQuick.Layouts
import QtQuick.Controls.Basic as Control
import Linphone
import UtilsCpp
import "qrc:/qt/qml/Linphone/view/Control/Tool/Helper/utils.js" as Utils

ColumnLayout {
	id: mainItem
	property color panelColor: DefaultStyle.grey_100
	property alias headerContentItem: rightPanelHeader.contentItem
	property alias content: rightPanelContent.children
	property alias header: rightPanelHeader
	spacing: 0

	Control.Control {
		id: rightPanelHeader
		Layout.fillWidth: true
		z: rightPanelContent.z + 1
		topPadding: Utils.getSizeWithScreenRatio(30)
		bottomPadding: Utils.getSizeWithScreenRatio(24)
		leftPadding: Utils.getSizeWithScreenRatio(32)
		rightPadding: Utils.getSizeWithScreenRatio(32)

		background: Item {
			anchors.fill: parent
			Rectangle {
				id: bg
				anchors.fill: parent
				color: DefaultStyle.grey_0
			}
			MultiEffect {
				anchors.fill: bg
				source: bg
				shadowEnabled: true
				shadowColor: DefaultStyle.grey_1000
				shadowBlur: 1
				shadowOpacity: 0.05
				shadowVerticalOffset: Utils.getSizeWithScreenRatio(10)
			}
		}
	}
	Rectangle {
		id: rightPanelContent
		color: mainItem.panelColor
		Layout.fillWidth: true
		Layout.fillHeight: true
        MouseArea {
            anchors.fill: parent
            onClicked: {
                rightPanelContent.forceActiveFocus()
            }
        }
	}
}