@using PlaylistShared.Shared.DTO
@using PlaylistShared.Pwa.Components.Common
@using PlaylistShared.Pwa.Extensions
@using PlaylistShared.Shared.Yandex

<MudStack Row AlignItems="AlignItems.Center">
    <!-- Обложка с фиксированной шириной -->
    <MudItem>
        <TrackCoverWithPlay TrackId="@Track.TrackId"
                            Track="@Track"
                            PlaylistShareToken="@PlaylistShareToken"
                            CanPlay="@CanPlay"
                            Width="40" Height="40" />
    </MudItem>

    <!-- Информация о треке (занимает всё доступное место) -->
    <MudItem>
        <MudStack Spacing="0">
            <MudText Typo="Typo.body1" Color="Color.Secondary">@Track.Title</MudText>
            <MudText Typo="Typo.body2" >@string.Join(", ", Track.Artists.Select(a => a.Name))</MudText>
        </MudStack>
    </MudItem>

    <MudSpacer />

    <!-- Длительность (фиксированная ширина по содержимому) -->
    <MudItem>
        <MudText Typo="Typo.body2">@Track.DurationMs.FormatDuration()</MudText>
    </MudItem>
</MudStack>

@code {
    [Parameter] public YandexTrack Track { get; set; } = null!;
    [Parameter] public string PlaylistShareToken { get; set; } = string.Empty;
    [Parameter] public bool CanPlay { get; set; } = true;
}