import QtQuick
import qs.Services

Item {
  id: root
  property color fillColor: Colors.mPrimary
  property color strokeColor: Colors.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: 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: root.height * amp
      x: (values.length + index) * xScale
      y: root.height - height
    }
  }
}