@props([
    'noBleed' => false,
    'darkMode' => false,
    'deviceVariant' => 'og',
    'deviceOrientation' => null,
    'colorDepth' => '1bit',
    'scaleLevel' => null,
    'pluginName' => 'Recipe',
])

<x-trmnl::screen colorDepth="{{$colorDepth}}" no-bleed="{{$noBleed}}" dark-mode="{{$darkMode}}"
                 device-variant="{{$deviceVariant}}" device-orientation="{{$deviceOrientation}}"
                 scale-level="{{$scaleLevel}}">
    <x-trmnl::view>
        <x-trmnl::layout>
            <x-trmnl::richtext gapSize="large" align="center">
                <x-trmnl::title>Error on {{ $pluginName }}</x-trmnl::title>
                <x-trmnl::content>Unable to render content. Please check server logs.</x-trmnl::content>
            </x-trmnl::richtext>
        </x-trmnl::layout>
        <x-trmnl::title-bar/>
    </x-trmnl::view>
</x-trmnl::screen>
