@php /** @var \App\Komma\Components\Component\ViewComponent $component **/ @endphp

@if( ! str_contains($component->modifiers,'c-snippet--full'))
    <div class="l-grid">
@endif

    <div class="c-snippet {{$component->modifiers}}">

            <div class="c-snippet__example">
                @include('site.' . $component->blade->get('path'))
            </div>

            <div class="c-snippet__navigation">
                <ul class="c-snippet__navigation-list">
                    <li class="c-snippet__navigation-item" data-target="c-snippet__code--blade">Blade</li>
                    <li class="c-snippet__navigation-item" data-target="c-snippet__code--scss">SCSS</li>
                </ul>
            </div>

            <pre class="c-snippet__code c-snippet__code--blade"><code class="language-html">{!! $component->blade->get('fileContent') !!}</code></pre>
            <pre class="c-snippet__code c-snippet__code--scss"><code class="language-css">{!! $component->scss->get('fileContent') !!}</code></pre>
    </div>

@if( ! str_contains($component->modifiers,'c-snippet--full'))
    </div>
@endif