import QtQuick 2.0
import QtGraphicalEffects 1.13
import QtQuick.Shapes 1.13

import "qrc:/theme"
import "qrc:/const"

Item {
	id: control
	property var angle: 45
	property var color: Theme.current.button

	implicitWidth: Const.radiusLong * 2
	implicitHeight: Const.radiusLong * 2

	Rectangle {
		id: innerShape

		width: Const.radiusLong
		height: Const.radiusLong
		color: "transparent"
		clip: true

		Rectangle {
			id: baseCircle
			width: Const.radiusLong * 2
			height: width
			radius: width / 2
			color: "transparent"
			border.width: Const.radiusLong - Const.radiusShort
			border.color: control.color
		}

		transform: Rotation {
			angle: control.angle
			origin {
				x: Const.radiusLong
				y: Const.radiusLong
			}

			axis {
				z: 1
				x: 0
				y: 0
			}
		}
	}
}