import QtQuick 2.15
import QtQuick.Controls 2.15
import QtQuick.Layouts 1.15

Item {
	Rectangle {
		color: bgColor
		radius: 8
		anchors {
			fill: parent
			topMargin: 25.6
			leftMargin: 12.8
			rightMargin: 12.8
		}

		Item {
			anchors {
				fill: parent
				margins: 25.6
			}

			Image {
				id: image
				source: icon
				sourceSize.height: column.height * 3 / 4
				fillMode: Image.PreserveAspectFit
				x: (parent.width - (width + column.width + 25.6)) / 2
				anchors.verticalCenter: parent.verticalCenter
			}

			ColumnLayout {
				id: column
				spacing: 0
				anchors {
					left: image.right
					leftMargin: 25.6
				}

				FontLoader {
					id: bold
					source: "Heebo/Heebo-Bold.ttf"
				}

				Label {
					text: count
					font {
						family: bold.name
						pointSize: 20.1
						weight: Font.Bold
					}
					Layout.fillWidth: true
				}

				FontLoader {
					id: medium
					source: "Heebo/Heebo-Medium.ttf"
				}

				Label {
					text: title
					font {
						family: medium.name
						pointSize: 15
						weight: Font.Medium
					}
					Layout.fillWidth: true
				}
			}
		}
	}
}