import QtQuick
import qs.config

Item {
    id: root

    required property var exchange

    implicitHeight: 40

    Rectangle {
        width: 24
        height: 24
        radius: 8
        anchors.left: parent.left
        anchors.verticalCenter: parent.verticalCenter
        color: Theme.alpha(Theme.ok, 0.10)

        Text {
            anchors.centerIn: parent
            text: "\u{F012C}"
            color: Theme.ok
            font.family: Theme.fontMono
            font.pixelSize: 12
        }
    }

    Column {
        anchors.left: parent.left
        anchors.leftMargin: 34
        anchors.right: timeLabel.left
        anchors.rightMargin: 8
        anchors.verticalCenter: parent.verticalCenter
        spacing: 2

        Text {
            width: parent.width
            text: root.exchange.fileName || "File"
            color: Theme.fg
            elide: Text.ElideMiddle
            font.family: Theme.fontFamily
            font.pixelSize: Theme.fontSizeSmall
            font.weight: Font.DemiBold
        }
        Text {
            width: parent.width
            text: "Sent to " + (root.exchange.deviceName || "phone")
            color: Theme.fgMuted
            elide: Text.ElideRight
            font.family: Theme.fontFamily
            font.pixelSize: 9
        }
    }

    Text {
        id: timeLabel
        anchors.right: parent.right
        anchors.verticalCenter: parent.verticalCenter
        text: "Now"
        color: Theme.fgMuted
        font.family: Theme.fontFamily
        font.pixelSize: 9
    }
}
