<div class="card ai-generative-tips border-0">
	<div class="card-body">
		<div class="d-flex">
			<div class="mr-2">
				<ion-icon name="{{ icon }}"></ion-icon>
			</div>
			<div>
				<p class="mb-2 title">
					{{ header }}
				</p>
				<ul class="list-unstyled mb-0">
					{% for tip in tips %}
						<li>
							<small>
								<b>{{ tip.title }}:</b> {{ tip.text }}
							</small>
						</li>
					{% endfor %}
				</ul>
			</div>
		</div>
	</div>
</div>
