<xf:set var="$shortcodes" value=":slight_smile:&nbsp;:bread:&nbsp;:heart_eyes:&nbsp;:coffee:&nbsp;:thumbsup:&nbsp;:grinning:&nbsp;:hamburger:&nbsp;:zany_face:" />

<xf:radiorow name="{$inputName}" value="{$option.option_value}"
	label="{$option.title}"
	hint="{$hintHtml}"
	explain="{$explainHtml}"
	html="{$listedHtml}"
	rowclass="{$rowClass}">

	<xf:option value="emojione">
		<xf:label>{{ phrase('emojione_by_emojione') }}</xf:label>
		<xf:hint><span style="font-size: 15px">{{ short_to_emoji($shortcodes, 'emojione', true)|raw }}</span></xf:hint>
	</xf:option>

	<xf:option value="twemoji">
		<xf:label>{{ phrase('twemoji_by_twitter') }}</xf:label>
		<xf:hint><span style="font-size: 15px">{{ short_to_emoji($shortcodes, 'twemoji', true)|raw }}</span></xf:hint>
	</xf:option>

	<xf:option value="native">
		<xf:label>{{ phrase('native_device_emoji_where_supported') }}</xf:label>
		<xf:hint><span style="font-size: 18px">{{ short_to_emoji($shortcodes, 'native')|raw }}</span></xf:hint>
	</xf:option>
</xf:radiorow>