@page "/"
@using System.Globalization
@using BlazorApp.Components

<PageTitle>Index</PageTitle>

<h1>Bonjour, monde!</h1>

<!--
<ShowItems Items="Cakes">
    <ShowTemplate Context="CakeContext">
        <div class="card text-center">
            <div class="card-header">
                Cake Token Id - @CakeContext.Id
            </div>
            <div class="card-body">
                <h5 class="card-title">@CakeContext.Name</h5>
                <p class="card-text">Price $@CakeContext.Cost</p>
            </div>
            <div class="card-footer text-muted">
                Click Here
            </div>
        </div>
    </ShowTemplate>
</ShowItems>


<MyRootComponent Text="RootComponentText">
    <MyFirstChildComponent>
        <MySecondChildComponent>
            <div>MySecondChildComponent - Content</div>
        </MySecondChildComponent>
    </MyFirstChildComponent>
</MyRootComponent>


<TestRenderFragment>
    <div>Content of my TestRenderFragment</div>
</TestRenderFragment>
-->
<p>
    <b>CurrentCulture</b>: @CultureInfo.CurrentCulture
</p>
    

<div>
    <Crafting Items="Items" Recipes="Recipes" />
</div>