@props([
    'title' => null,
    'icon' => null,
    'accent' => false,
])

<div {{ $attributes->merge(['class' => 'card chm-card' . ($accent ? ' chm-card-accent' : '')]) }}>
    @if($title)
        <div class="card-header">
            @if($icon)
                <i class="{{ $icon }}"></i>
            @endif
            {{ $title }}
        </div>
    @endif
    <div class="card-body">
        {{ $slot }}
    </div>
    @isset($footer)
        <div class="card-footer">
            {{ $footer }}
        </div>
    @endisset
</div>