<div class="preview-list-item tcb-relative click" data-fn="edit_shadow" data-index="<#=item.get('index')#>">
	<div class="row middle-xs">
		<div class="col-xs-2">
			<span style="box-shadow: 0px 0px 2px 2px <#= item.get('color')? item.get('color'):'#fff' #> <#= item.get('inner')? 'inset':'' #>; border-color: <#= item.get('color')? item.get('color'):'#fff' #>"
			      class="tcb-icon-inline tve-<#= item.get('inner')=='inset'? 'inner':'outer' #>-shadow-icon"></span>

		</div>
		<div class="col-xs-7">
			<div class="preview-list-sort-handle clearfix">
				<span class="col-sep tcb-left"></span>
				<span class="col-sep tcb-left margin-left-5"></span>
			</div>
			<span class="tcb-truncate" style="padding-left: 10px;">
				<# if(item.get('inner')) { #>
					<?php echo __( 'Inner Shadow', 'thrive-db' ) ?>
					<# } else { #>
						<?php echo __( 'Drop Shadow', 'thrive-db' ) ?>
						<# } #>
			</span>
		</div>
		<div class="col-xs-3 clearfix">
			<div class="tcb-right">
				<a href="javascript:void(0)" title="<?php esc_attr_e( 'Remove', 'thrive-db' ) ?>" class="click" data-fn="remove"
				   data-index="<#=item.get('index')#>">
					<?php tcb_icon( 'close' ) ?>
				</a>
			</div>
		</div>
	</div>
</div>
