import QtQuick
import QtQuick.Effects

Item {
  id: root

  required property string icon
  property color color: "white"

  property real implicitSize: 0

  readonly property real actualSize: Math.min(root.width, root.height)

  implicitWidth: root.implicitSize
  implicitHeight: root.implicitSize

  Image {
    id: sourceImage
    source: "file://" + @mdi@ + "/svg/" + root.icon + ".svg"
    anchors.fill: parent
    fillMode: Image.PreserveAspectFit

    sourceSize.width: root.actualSize
    sourceSize.height: root.actualSize

    layer.enabled: true
    layer.effect: MultiEffect {
      id: effect

      brightness: 1
      colorization: 1
      colorizationColor: root.color
    }
  }
}