pragma ComponentBehavior: Bound

import qs.config
import qs.styled
import QtQuick
import QtQuick.Layouts
import Quickshell.Bluetooth

ColumnLayout {
    id: root
    required property var devices
    signal deviceActivated(device: BluetoothDevice)

    Repeater {
        model: root.devices
        delegate: Clickable {
            id: device
            required property var modelData

            implicitWidth: row.width
            implicitHeight: row.height
            Layout.fillWidth: true
            onClicked: {
                root.deviceActivated(modelData);
            }

            RowLayout {
                id: row

                StyledText {
                    topPadding: 8
                    bottomPadding: 8
                    leftPadding: 8
                    rightPadding: 8
                    text: device.modelData.deviceName
                    color: device.containsMouse ? Theme.palette.base300 : Theme.palette.basecontent
                    Behavior on color {
                        ColorAnimation {
                            duration: 200
                        }
                    }
                }
            }
        }
    }
}