{{-- Layout Reference --}}
@extends('Limitless::Help.Layout.Master')

@section('Limitless::Content')

    {{-- Description --}}
    @Limitless::ElementCardStart(['title' => "Divider", 'icon' => 'icon-minus2'])
        <p>A styled horizontal line for separating contents.</p>
    @Limitless::ElementCardStop

    {{-- Elements --}}
    @Limitless::ElementCardStart(['title' => "Elements", 'icon' => 'icon-grid5'])
        @Limitless::ElementCardStart(['title' => "Divider"])

            <p>A styled horizontal line for separating contents.</p>
            @Limitless::Divider
            </br>
            <h6>Parameters : NONE</h6>

        @Limitless::ElementCardStop
    @Limitless::ElementCardStop

    {{-- Sample Output --}}
    @Limitless::ElementCardStart(['title' => "Sample Output", 'icon' => 'icon-display4' ] )

        <p>some content...</p>
        @Limitless::Divider
        <p>some content...</p>

    @Limitless::ElementCardStop

    @php
        $example = base64_decode("PHA+c29tZSBjb250ZW50Li4uPC9wPgpATGltaXRsZXNzOjpEaXZpZGVyCjxwPnNvbWUgY29udGVudC4uLjwvcD4=");
    @endphp

    {{-- Sample Code --}}
    @Limitless::ElementCardStart(['title' => "Sample Code", 'icon' => 'icon-circle-code' ] )
        @Limitless::Codemirror([ 'language' => 'javascript', 'theme' => 'zenburn', 'value' => $example ])
    @Limitless::ElementCardStop

@stop
