import QtQuick
import qs.Common
import qs.Widgets

StyledRect {
    id: root

    property string iconName: ""
    property int iconSize: Theme.iconSize - 4
    property color iconColor: Theme.surfaceText
    property color backgroundColor: "transparent"
    property bool circular: true
    property int buttonSize: 32

    signal clicked

    width: buttonSize
    height: buttonSize
    radius: circular ? buttonSize / 2 : Theme.cornerRadius
    color: backgroundColor

    DankIcon {
        anchors.centerIn: parent
        name: root.iconName
        size: root.iconSize
        color: root.iconColor
    }

    StateLayer {
        stateColor: Theme.primary
        cornerRadius: root.radius
        onClicked: root.clicked()
    }
}