{{ var dropleft = options.align === 'left'; }}

{{ var dropbtn = '<button type="button" class="btn btn-secondary"></button>'; }}

<div class="drop{{ options.align || 'down' }}{{ options.split ? ' btn-group' : '' }}">
	<div class="btn-group" role="group">

		{{ if(!dropleft) r.push(dropbtn); }}

		<button type="button" class="btn btn-secondary dropdown-toggle dropdown-toggle-split outline-0 {{ options.split ? '' : 'd-0' }}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-reference="parent"></button>

		<div class="dropdown-menu">
			<a class="dropdown-item" href="#">Action</a>
			<a class="dropdown-item" href="#">Another action</a>
			<a class="dropdown-item" href="#">Something else here</a>
			<div class="dropdown-divider"></div>
			<a class="dropdown-item" href="#">Separated link</a>
		</div>

	</div>

	{{ if(dropleft) r.push(dropbtn); }}
</div>