@namespace BootstrapBlazor.Components
@inherits BootstrapModuleComponentBase
@attribute [BootstrapModuleAutoLoader(JSObjectReference = true)]

<div @attributes="@AdditionalAttributes" id="@Id" class="@ClassString" role="group">
    <div class="split-pane split-left" data-bb-min="@FirstPaneMinimumSize" style="@StyleString">
        @FirstPaneTemplate
    </div>
    <div class="split-pane split-right" data-bb-min="@SecondPaneMinimumSize">
        @SecondPaneTemplate
    </div>
    <div class="split-pane split-bar">
        @if (IsCollapsible)
        {
            <button tabindex="-1" type="button" class="split-bar-arrow split-bar-arrow-left"></button>
        }
        @if (ShowBarHandle)
        {
            <div class="split-bar-handler">
                <div></div>
                <div></div>
            </div>
        }
        @if (IsCollapsible)
        {
            <button tabindex="-1" type="button" class="split-bar-arrow split-bar-arrow-right"></button>
        }
    </div>
</div>
