define([], function () { return '\
<div class="interaction" data-bind="furtherFocus: $parents[1].activeAnswer() == $parent, attr: { \'aria-label\': $parent.label, tabindex: !$parents[1].isChecked() && $parents[1].areTriesLeft() && $parents[1].activeAnswer() == $parent ? 0 : -1 }, click: $parents[1].answerClick ? function(data, event) { $parents[1].answerClick($parent, event); } : undefined, event: { keydown: $parents[1].answerKeydown ? function(data, event) { return $parents[1].answerKeydown($parent, event); } : undefined, mouseover: $parent.image.focus, focus: $parent.image.focus, mouseout: $parent.image.blur, blur: $parent.image.blur }, css: { disabled: $parents[1].isChecked, active: $parents[1].selectedAnswer().indexOf($parent) >= 0 }" role="img">\
    <img class="image" data-bind="attr: { src: $parent.image.file, alt: $parent.image.alt }, style: { height: $parent.image.height ? $parent.image.height + \'px\' : \'auto\', \'width\': $parent.image.width ? $parent.image.width + \'px\' : \'auto\' }, css: $data.cssClass" aria-hidden="true" />\
</div>\
'; });
