Component {
        id:mycomponent

        Item {
            width: gridCellWidth
            height: root.height

            Rectangle {
                id: cardBorder
                anchors.fill: parent
                color: "Red"
                property int borderWidth: 1
            }

            Rectangle {
                id: cardArea
                width: parent.width - (cardBorder.borderWidth*2)
                height: parent.height - (cardBorder.borderWidth*2)
                anchors.centerIn: parent
                color: "#000000"

                Image {
                    width: 42
                    height: 42
                    anchors {
                        top: parent.top
                        topMargin: 10
                        left: parent.left
                        leftMargin: 10
                    }
                    fillMode: Image.PreserveAspectFit
                }

                Text {
                    id: bodyText
                    width: parent.width - (1 * 2)
                    anchors {
                        top: parent.top
                        topMargin: 20

                        left: parent.left
                        leftMargin: 20
                    }
                    text: /*model.name*/ "test"
                    color: "Blue"
                    font.pixelSize: 12
                    horizontalAlignment: Text.AlignLeft
                    verticalAlignment: Text.AlignTop
                }
            }

        }
    }