How to reuse HTML snippets in asp.net core razor page?

Question

I try to reuse HTML snippets in my razor page (view component) but somehow it never call or hit the break in the html section.

I'm using Asp.net core 2.2

        @{
        Func<CategorySimpleModel, Microsoft.AspNetCore.Html.IHtmlContent> DisplayManufacturerPicture=
            @<div class="col-sm-4">
                <div class="row">
                    @foreach (var m in item.Manufacturers)
                    {
                        <div class="col-md-6 col-sm-12">
                            blah blah
                        </div>
                    }
                </div>
            </div>;
        }

   @foreach (var root in Model.Categories)
            { 
               DisplayManufacturerPicture (root);
            }

Answer 1

somehow it only works with @ though the method call is inside the server side syntax

 @if (root.Manufacturers.Count > 0)
{
   @DisplayManufacturerPicture(root);
}