<?php
/**
 * @package DJ-Catalog2-Yootheme
 * @copyright Copyright (C) DJ-Extensions.com, All rights reserved.
 * @license http://www.gnu.org/licenses GNU/GPL
 * @author url: http://dj-extensions.com
 * @author email contact@dj-extensions.com
 */
defined('_JEXEC') or die;
$el = $this->el('div', [
	'class' =>  $this->expr([
		'djc_phone',
		'uk-panel',
		'uk-{phone_text_style}' => ['phone_text_style' => $element['phone_text_style']],
		'uk-{phone_text_element} {@!phone_text_style}' => ['phone_text_element' => $element['phone_text_element'], 'phone_text_style' => $element['phone_text_style']],
		'uk-text-{phone_text_color}' => ['phone_text_color' => $element['phone_text_color']],
		'uk-font-{phone_text_font_family}' => ['phone_text_font_family' => $element['phone_text_font_family']],
		'uk-heading-{phone_text_decoration}' => ['phone_text_decoration' => $element['phone_text_decoration']],
		'uk-margin[-{phone_margin}]-top {@!phone_margin: remove}',
		'uk-margin-remove-top {@phone_margin: remove}',
		'uk-margin-remove-bottom',
		'uk-inline {@position_inline_phone}' => ['position_inline_phone' => $element['position_inline_phone']],
	], $element),
]);

//Style position && size of an element
$el->attr('style', [
	'position:{position_phone};' => ['position_phone' => $element['position_phone']],
	'left: {position_left_phone}px;' => ['position_left_phone' => $element['position_left_phone']],
	'right: {position_right_phone}px;' => ['position_right_phone' => $element['position_right_phone']],
	'top: {position_top_phone}px;' => ['position_top_phone' => $element['position_top_phone']],
	'bottom: {position_bottom_phone}px;' => ['position_bottom_phone' => $element['position_bottom_phone']],
	'z-index:{position_z_index_phone};' => ['position_z_index_phone' => $element['position_z_index_phone']],
	'width:{phone_width};' => ['phone_width' => $element['phone_width']],
	'height:{phone_height};' => ['phone_height' => $element['phone_height']],

], $element);


echo $el($props, $attrs, $props['phone']);
