import QtQuick 2.15
import QtQuick.Controls 2.15

Rectangle {
	id: rectangle
	width: 300
	height: 480

	Image {
		id: image
		source: "darapsa.svg"
		sourceSize.width: parent.width
		sourceSize.height: 225
	}

	Item {
		id: body
		width: parent.width
		anchors.top: image.bottom
		anchors.bottom: parent.bottom

		Item {
			id: badgeAndFavorite
			height: favorite.height

			anchors {
				top: parent.top
				left: parent.left
				leftMargin: 16
				right: parent.right
				rightMargin: 16
			}

			Label {
				text: qsTr("Beginner")
				font.pixelSize:12
				anchors {
					verticalCenter: parent.verticalCenter
					left: parent.left
					leftMargin: 8
				}
			}

			Image {
				id: favorite
				source: "Font-Awesome/svgs/solid/heart.svg"
				sourceSize.width: 16
				sourceSize.height: 16
				anchors {
					right: parent.right
					rightMargin: 8
				}
			}
		}

		Label {
			id: title
			text: qsTr("Sketch from A to Z: for app designer")
			wrapMode: Text.Wrap
			anchors {
				top: badgeAndFavorite.bottom
				topMargin: 16
				left: parent.left
				leftMargin: 16
				right: parent.right
				rightMargin: 16
			}
			font.weight: Font.Bold
			font.pixelSize: 24
		}

		Label {
			id: comment
			text: qsTr("Rooms oh fully taken by worse do Points afraid but may end Rooms Points afraid but may end Rooms")
			wrapMode: Text.Wrap
			anchors {
				top: title.bottom
				topMargin: 16
				bottom: parent.bottom
				bottomMargin: 16
				left: parent.left
				leftMargin: 16
				right: parent.right
				rightMargin: 16
			}
			font.pixelSize: 14
		}
	}
}