@using MP.Stats.Data


<div class="row">
    <div class="col-2 pr-0">
        <ul class="list-group list-group-sm small">
            @foreach (var item in @ParetoData)
            {
                <li class="list-group-item p-1 d-flex justify-content-between align-items-center">
                    @item.label
                    <span class="badge badge-primary badge-pill">@item.value</span>
                </li>
            }
        </ul>
    </div>
    <div class="col-10">
        <div class="row">
            <div class="col-6">
                <BarChart @ref="ParetoGuasti" TItem="double" OptionsObject="barChartOptions" />
            </div>
            <div class="col-6">
                <LineChart @ref="NumGuasti" TItem="double" OptionsObject="lineChartOptions" />
            </div>
        </div>
    </div>
</div>