Fix for paginator not applying custom classes (#4207)

Co-authored-by: Tyme Bleyaert <[email protected]>
Co-authored-by: Vincent Baaij <[email protected]>

Author: 3 people

src/Core/Components/Pagination/FluentPaginator.razor

@@ -1,6 +1,6 @@
 @namespace Microsoft.FluentUI.AspNetCore.Components
 @inherits FluentComponentBase
-<div class="paginator" style="@Style">
+<div class="@ClassValue" style="@Style">
     @if (State.TotalItemCount.HasValue)
     {
         <div class="summary">

src/Core/Components/Pagination/FluentPaginator.razor.cs

@@ -4,6 +4,7 @@
 
 using Microsoft.AspNetCore.Components;
 using Microsoft.FluentUI.AspNetCore.Components.Infrastructure;
+using Microsoft.FluentUI.AspNetCore.Components.Utilities;
 
 namespace Microsoft.FluentUI.AspNetCore.Components;
 
@@ -47,6 +48,10 @@ public partial class FluentPaginator : FluentComponentBase, IDisposable
     [Parameter]
     public RenderFragment? PaginationTextTemplate { get; set; }
 
+    protected string? ClassValue => new CssBuilder(Class)
+       .AddClass("paginator")
+       .Build();
+
     /// <summary>
     /// Constructs an instance of <see cref="FluentPaginator" />.
     /// </summary>