<div class="w-full grid grid-cols-1 gap-4 md:grid-cols-2">
    @foreach (var radius in Enum.GetValues<Radius>())
    {
        <div>
            <LumexSelect TValue="string"
                         Label="Favorite Animal"
                         Radius="@radius"
                         Class="max-w-xs">
                @foreach (var animal in _animals)
                {
                    <LumexSelectItem @key="@animal" Value="@animal.Key">
                        @animal.Value
                    </LumexSelectItem>
                }
            </LumexSelect>
            <small class="text-default-500 mt-1">@radius</small>
        </div>
    }
</div>

@code {
    private Dictionary<string, string> _animals = new()
    {
        ["cat"] = "Cat",
        ["dog"] = "Dog",
        ["elephant"] = "Elephant",
        ["lion"] = "Lion",
        ["tiger"] = "Tiger",
        ["giraffe"] = "Giraffe",
        ["dolphin"] = "Dolphin",
        ["penguin"] = "Penguin",
        ["zebra"] = "Zebra",
        ["shark"] = "Shark",
        ["whale"] = "Whale",
        ["otter"] = "Otter",
        ["crocodile"] = "Crocodile"
    };
}