<LumexSelect TValue="string"
             Label="Favorite Animal"
             Placeholder="Select an animal"
             Description="Select a favorite animal for recovery"
             Class="max-w-xs">
    @foreach (var animal in _animals)
    {
        <LumexSelectItem @key="@animal" Value="@animal.Key">
            @animal.Value
        </LumexSelectItem>
    }
</LumexSelect>

@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"
    };
}