<?php
/**
 * Markup the Feature Image options under the Customize Elements section for both mobile and desktop.
 *
 * @since 4.3.0
 * @package Hustle
 */

// Template args.
$args = array(
	'key'                => $key,
	'settings'           => $settings,
	'is_optin'           => $is_optin,
	'device'             => $device,
	'smallcaps_singular' => $smallcaps_singular,
);
?>
<div class="sui-box">

	<div class="sui-box-body">

		<?php
		if ( ! $device ) {

			// ROW: Alignment.
			$this->render(
				'admin/commons/sui-wizard/tab-appearance/row-customize-elements/feature_image/alignment',
				$args
			);
		} else {

			// Mobile section.
			// ROW: Visibility.
			$this->render(
				'admin/commons/sui-wizard/tab-appearance/row-customize-elements/feature_image/visibility',
				$args
			);
		}

		// ROW: Size.
		$this->render(
			'admin/commons/sui-wizard/tab-appearance/row-customize-elements/feature_image/size',
			$args
		);

		// ROW: Fitting.
		$this->render(
			'admin/commons/sui-wizard/tab-appearance/row-customize-elements/feature_image/fitting-position',
			$args
		);
		?>

	</div>

</div>
