pragma ComponentBehavior: Bound

import QtQuick 2.15
import QtQuick.Controls 2.15

Item {
  id: root

  implicitWidth: 32
  implicitHeight: 32

  Button {
    id: button
    anchors.fill: parent

    contentItem: Item {
      implicitWidth: 18
      implicitHeight: 14

      Column {
        anchors.centerIn: parent
        spacing: 4

        Repeater {
          model: 3

          Rectangle {
            width: 18
            height: 2
            radius: 1
            color: "#585b70"
          }
        }
      }
    }

    background: Rectangle {
      radius: 3
      color: button.down ? "#45475a" : button.hovered ? "#313244" : "transparent"
    }
  }
}