{
    "type": "AdaptiveCard",
    "body": [
        {
            "type": "ColumnSet",
            "columns": [
                {
                    "type": "Column",
                    "width": "36px"
                },
                {
                    "type": "Column",
                    "width": "188px",
                    "items": [
                        {
                            "type": "Container",
                            "$data": "${Timers}",
                            "items": [
                                {
                                    "type": "TextBlock",
                                    "text": "${RemainingTime}",
                                    "horizontalAlignment": "Center",
                                    "size": "Large",
                                    "spacing": "None"
                                }
                            ],
                            "backgroundImage": {
                                "url": "${if($host.hostTheme == \"light\" || $host.hostTheme == \"highcontrastlight\", $data.ProcessBackgroundLight, $data.ProcessBackgroundDark)}"
                            },
                            "minHeight": "187px",
                            "$when": "${$index == $root.Selection}",
                            "verticalContentAlignment": "Center"
                        }
                    ],
                    "spacing": "None",
                    "verticalContentAlignment": "Center"
                }
            ],
            "$when": "${$host.widgetSize==\"medium\"}"
        },
        {
            "type": "ColumnSet",
            "columns": [
                {
                    "type": "Column",
                    "width": "36px"
                },
                {
                    "type": "Column",
                    "items": [
                        {
                            "type": "TextBlock",
                            "$data": "${Timers}",
                            "text": "${RemainingTime}",
                            "horizontalAlignment": "Center",
                            "size": "ExtraLarge",
                            "spacing": "None",
                            "$when": "${$index == $root.Selection}"
                        }
                    ],
                    "width": "stretch",
                    "spacing": "None",
                    "verticalContentAlignment": "Center"
                },
                {
                    "type": "Column",
                    "width": "36px",
                    "items": [
                        {
                            "type": "Image",
                            "url": "${if($host.hostTheme == \"light\" || $host.hostTheme == \"highcontrastlight\", $root.EllipsisButtonLight, $root.EllipsisButtonDark)}",
                            "selectAction": {
                                "type": "Action.Execute",
                                "verb": "TEMPCUST"
                            }
                        }
                    ]
                }
            ],
            "$when": "${$host.widgetSize==\"small\"}"
        },
        {
            "type": "ColumnSet",
            "columns": [
                {
                    "type": "Column",
                    "$data": "${Timers}",
                    "items": [
                        {
                            "type": "Container",
                            "items": [
                                {
                                    "type": "ColumnSet",
                                    "columns": [
                                        {
                                            "type": "Column",
                                            "width": "6px",
                                            "spacing": "None"
                                        },
                                        {
                                            "type": "Column",
                                            "width": "6px",
                                            "items": [
                                                {
                                                    "type": "Image",
                                                    "url": "${Bullet}"
                                                }
                                            ],
                                            "spacing": "None",
                                            "minHeight": "20px"
                                        },
                                        {
                                            "type": "Column",
                                            "width": "6px",
                                            "spacing": "None"
                                        },
                                        {
                                            "type": "Column",
                                            "width": "auto",
                                            "items": [
                                                {
                                                    "type": "TextBlock",
                                                    "horizontalAlignment": "Left",
                                                    "text": "${TimerName}",
                                                    "size": "Small"
                                                }
                                            ],
                                            "spacing": "None",
                                            "minHeight": "20px",
                                            "verticalContentAlignment": "Center"
                                        }
                                    ]
                                }
                            ],
                            "selectAction": {
                                "type": "Action.Execute",
                                "verb": "SelectTimer",
                                "data": {
                                    "Select": "${$index}"
                                }
                            },
                            "verticalContentAlignment": "Center",
                            "backgroundImage": {
                                "url": "${if($index == $root.Selection, $root.SelectedBackground, $root.UnselectedBackground)}"
                            }
                        }
                    ],
                    "width": "stretch",
                    "height": "stretch",
                    "minHeight": "40px",
                    "verticalContentAlignment": "Bottom"
                }
            ],
            "height": "stretch",
            "spacing": "None"
        }
    ],
    "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
    "version": "1.6"
}
