What will be output of this HTL code when component render?

<div class="div1" data-one="${'abc'}" data-two="${2}" data-three="${true}"></div>
<div class="div2" data-one="${''}" data-two="${2}" data-three="${false}"></div>

Output:

<div class="div1" data-one="abc" data-two="2" data-three=""></div>
<div class="div2" data-two="2"></div>