import QtQuick
import qs.Commons
import qs.Services

Item {
  id: root
  property color fillColor: Color.mPrimary
  property color strokeColor: Color.mOnSurface
  property int strokeWidth: 0
  property var values: []

  readonly property real xScale: width / (values.length * 2)

  Repeater {
    model: values.length
    Rectangle {
      property real amp: values[values.length - 1 - index]

      color: fillColor
      border.color: strokeColor
      border.width: strokeWidth
      antialiasing: true

      width: xScale * 0.5
      height: Math.max(1, root.height * amp)
      x: index * xScale
      y: root.height - height
    }
  }

  Repeater {
    model: values.length
    Rectangle {
      property real amp: values[index]

      color: fillColor
      border.color: strokeColor
      border.width: strokeWidth
      antialiasing: true

      width: xScale * 0.5
      height: Math.max(1, root.height * amp)
      x: (values.length + index) * xScale
      y: root.height - height
    }
  }
}