<?xml version="1.0" encoding="utf-8" ?>
<ContentView xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:custom="clr-namespace:TechTitans.Views.Components"
             x:Class="TechTitans.Views.Components.EndOfYearRecap.Top5SongsScreen">
    <StackLayout BackgroundColor="Black">
        <Label 
        Text="These were your top five trancks of 2023"
            VerticalOptions="Start" 
            HorizontalOptions="Center" 
            FontSize="25"
            Padding="20,40,20,20"
            TextColor="White"/>
        <CollectionView ItemsSource="{Binding Top5MostListenedSongs}">
            <CollectionView.ItemTemplate>
                <DataTemplate>
                    <custom:SongItem Padding="20,20,0,0" BindingContext="{Binding .}"/>
                </DataTemplate>
            </CollectionView.ItemTemplate>
        </CollectionView>

    </StackLayout>
</ContentView>
