func Pages.Artists(music,ctx)
{
    
    var q = ctx.QueryParams.TryGetFirst("q");
    var res = null;
    var q2 = "";
    if(TypeOf(q) == "String")
    {
        q2 = q;
        res = music.GetArtists(q);
        
    }

    var html = <null>
        <form hx-get="./music-artists" hx-target="body" hx-push-url="true">
        <div class="field large prefix round fill active">
        <i class="front">search</i>
        <input name="q" value={q2}>
  
        </div>
        </form>
    <if(res != null)>
    <true>
    <ul>
        <each(var item : res)>
            <li><raw(Components.MusicArtist(item))></li>
        </each>
    </ul>
    </true></null>;
    

    return Components.Shell($"Search Artists {q2}",html,2);
}