Displaying blade component tags in a code block in Laravel

CodeBlock.php

<?php

namespace App\View\Components;

use Illuminate\View\Component;

class CodeBlock extends Component
{
    /**
     * Create a new component instance.
     *
     * @return void
     */
    public function __construct()
    {

    }

    /**
     * Get the view / contents that represent the component.
     *
     * @return \Illuminate\Contracts\View\View|string
     */
    public function render()
    {
        return function($data) {
            return '<code><pre>' .
                str_replace(['<x-', '</x-'], ['&lt;x-', '&lt;/x-'], (string) $data['slot'])
                . '</code></pre>';
        };
    }
}

mycode.blade.php

<x-code-block>
@verbatim
<x-sentence class="classy">
  This will display the contents of the code block as expected without attempting to compile the sentence component.
</x-sentence>
@endverbatim
</x-code-block>