<div class="app-card-item card card-scroll" id={{ id }}>
    <div class="card-header row p-2 mr-0 ml-0" {{ action "toggleCard" }}>
        <div class="col-10 p-0">
            {{yield (hash
                header = (component "app-card-header")
            )}}
        </div>
        <div class="col-2 p-0">
            {{#if (and isShowToggle isShowToggleIcon) }}
            <AppToggleIcon class="float-right" @iconStyle="angle" @isToggle={{ toggleState }} />
            {{/if}}
        </div>
    </div>
    {{#if isShowToggle}}
        {{#if (or toggleState (eq toggleState undefined))}}
        <div class="card-body p-2">
            {{yield (hash
                body = (component "app-card-body")
            )}}
        </div>
        {{/if}}
    {{else}}
    <div class="card-body p-2">
        {{yield (hash
            body = (component "app-card-body")
        )}}
    </div>
    {{/if}}
</div>