<LumexDataGrid Data="@_users">
    <PropertyColumn Property="@(p => p.Name)" />
    <PropertyColumn Property="@(p => p.Role)" />
    <PropertyColumn Property="@(p => p.Status)">
        <Content>
            @{
                var status = context.Status;
                <span class="px-1.5 py-0.5 text-tiny rounded-full @(_statusVariants[status])">@status</span>
            }
        </Content>
    </PropertyColumn>
</LumexDataGrid>

@code {
    private readonly IQueryable<User> _users = new List<User>
    {
        new( "Alice Johnson", "Administrator", "Active" ),
        new( "Bob Smith", "Editor", "Inactive" ),
        new( "Charlie Brown", "Viewer", "Pending" ),
        new( "Diana Lee", "Moderator", "Active" )
    }.AsQueryable();

    private readonly Dictionary<string, string> _statusVariants = new()
        {
            ["Pending"] = "border border-primary-300 bg-primary-50 text-primary",
            ["Active"] = "border border-danger-300 bg-danger-50 text-danger",
            ["Inactive"] = "border border-default-300 bg-default-100 text-default-500"
        };

    private record User( string Name, string Role, string Status );
}