@props([
  'title' => '',
  'subtitle' => '',
  'flush' => false,
])

<div {{ $attributes->class(['ui-card']) }}>
  @if ($title !== '' || isset($actions))
    <div class="ui-card__header">
      <div>
        @if ($title !== '')
          <h2 class="ui-card__title">{{ $title }}</h2>
        @endif
        @if ($subtitle !== '')
          <p class="ui-card__subtitle">{{ $subtitle }}</p>
        @endif
      </div>
      @isset($actions)
        {{ $actions }}
      @endisset
    </div>
  @endif

  @if ($flush)
    {{ $slot }}
  @else
    <div class="ui-card__body">
      {{ $slot }}
    </div>
  @endif

  @isset($footer)
    <div class="ui-card__footer">
      {{ $footer }}
    </div>
  @endisset
</div>