<xf:macro name="welcomeSection" arg-location="!" arg-showWelcomeSection="{{ false }}">
	<xf:if is="$showWelcomeSection">
		<xf:if is="$location == property('uix_welcomeSectionLocation')">
			<xf:css src="uix_welcomeSection.less" />

			<div class="uix_welcomeSection">
				<div class="uix_welcomeSection__inner">

					<div class="media__container">

						<xf:if is="property('uix_welcomeSection__icon')">
						<div class="media__object media--left">
							<span class="uix_welcomeSection__icon"><i class="uix_icon {{ property('uix_welcomeSection__icon')}}"></i></span>
						</div>
						</xf:if>

						<div class="media__body">
							<xf:if is="property('uix_welcomeSection__title')"><div class="uix_welcomeSection__title">{{ property('uix_welcomeSection__title')}}</div></xf:if>

							<xf:if is="property('uix_welcomeSection__text')"><div class="uix_welcomeSection__text">{{ property('uix_welcomeSection__text')}}</div></xf:if>

							<xf:if is="property('uix_welcomeSection__url')"><xf:button href="{{ link(property('uix_welcomeSection__url')) }}" class="button--cta">{{ property('uix_welcomeSection__buttonText')}}</xf:button></xf:if>
						</div>
					</div>
				</div>
			</div>
		</xf:if>
	</xf:if>
</xf:macro>