<?php
/**
 * Verticall tab template.
 *
 * @package    Cherry_Interface_Builder
 * @subpackage Views
 * @author     Cherry Team <cherryframework@gmail.com>
 * @copyright  Copyright (c) 2012 - 2017, Cherry Team
 * @link       http://www.cherryframework.com/
 * @license    http://www.gnu.org/licenses/gpl-3.0.html
 */

// If this file is called directly, abort.
if ( ! defined( 'WPINC' ) ) {
	die;
}
?>
<div class="cherry-ui-kit cherry-component cherry-tab cherry-tab--vertical <?php echo esc_attr( $__data['class'] ); ?>" data-compotent-id="#<?php echo esc_attr( $__data['id'] ); ?>">
	<?php if ( ! empty( $__data['title'] ) ) { ?>
		<h2 class="cherry-ui-kit__title cherry-component__title" role="banner" ><?php echo wp_kses_post( $__data['title'] ); ?></h2>
	<?php } ?>
	<?php if ( ! empty( $__data['description'] ) ) { ?>
		<div class="cherry-ui-kit__description cherry-component__description" role="note" ><?php echo wp_kses_post( $__data['description'] ); ?></div>
	<?php } ?>
	<?php if ( ! empty( $__data['children'] ) ) { ?>
		<div class="cherry-tab__body" >
			<div class="cherry-tab__tabs" role="navigation" >
				<div class="cherry-tab__tabs-wrap">
					<div class="cherry-tab__tabs-wrap-content">
						<?php echo $__data['tabs']; ?>
					</div>
				</div>
			</div>
			<div class="cherry-ui-kit__content cherry-component__content cherry-tab__content" role="group" >
				<?php echo $__data['children']; ?>
			</div>
		</div>
	<?php } ?>
</div>