@using BlazorWASM.Shared
<section class="bg-light">
	<div class="container py-md-6 py-4">
		<div class="row justify-content-center mb-4">
			<div class="col-xl-10">
				<div class="lc-block  mb-4">
					<div editable="rich">
						<h2 class="text-center fw-bold display-5">@myCards.Title</h2>
					</div>
				</div>

			</div>
			<div class="col-xxl-7 col-lg-9">
				<div class="lc-block text-center">
					<div editable="rich">
						<p class="rfs-8">@myCards.Discription</p>
					</div>
				</div><!-- /lc-block -->
			</div><!-- /col -->
		</div>
		<div class="row justify-content-center">

			@{
				foreach(var card in myCards.Cards)
				{
					<CardItemComponent CardItem="@card"></CardItemComponent>
				}
			}
			
		</div>
	</div>
</section>

@code {
	[Parameter]
	public ServicesCard cards { get; set; }

	public ServicesCard myCards;

	protected override void OnParametersSet()
	{
		base.OnParametersSet();
		myCards = cards;
	}
}