1 files changed, 36 insertions, 0 deletions
diff --git a/mobile-widgets/qml/TemplateSection.qml b/mobile-widgets/qml/TemplateSection.qml
new file mode 100644
index 000000000..3bebaca9b
--- /dev/null
+++ b/mobile-widgets/qml/TemplateSection.qml
@@ -0,0 +1,36 @@
+// SPDX-License-Identifier: GPL-2.0
+import QtQuick 2.11
+import QtQuick.Controls 2.4
+import QtQuick.Layouts 1.11
+
+Column {
+	width: parent.width -20
+	property string title: "no title"
+	property bool isExpanded: false
+
+	Button {
+		width: parent.width
+
+		background: Rectangle {
+			id: buttonBackground
+			antialiasing: true
+			height: buttonText.height + 2
+			width: parent.width
+			border.color: "black"
+			border.width: 1
+			color: subsurfaceTheme.backgroundColor
+			opacity: 0.5
+		}
+		contentItem: Text {
+			id: buttonText
+			font.pointSize: subsurfaceTheme.regularPointSize
+			anchors.centerIn: buttonBackground
+			color: subsurfaceTheme.textColor
+			text: (isExpanded ? "- " : "+ ") + title
+			font.bold: true
+		}
+		onClicked: {
+			isExpanded = !isExpanded
+		}
+	}
+}