<style>
    .wrapper {
        display: flex;
        justify-content: center;
        margin: 0 auto;
        padding: 30px;
    }
</style>

<div class="wrapper">
    <div class="circle" 
        style="display: flex;
        justify-content: center;
        font-size: 3em;
        margin: 0 auto;
        width: 100px;
        height: 100px;
        border: 18px solid @this.BallColor;
        border-radius: 50%;">
        @this.Value
    </div>
</div>

@code {
    [Parameter]
    public string BallColor { get; set; }

    [Parameter]
    public int Value { get; set; }
}
