@props([
    'variant' => 'default', // default, glass, gradient, elevated
    'padding' => 'md', // sm, md, lg, none
    'hoverable' => false
])

<div {{ $attributes->merge([
    'class' => 'kmc-card kmc-card--' . $variant . ' kmc-card--padding-' . $padding .
               ($hoverable ? ' kmc-card--hoverable' : '')
]) }}>
    @if(isset($header))
        <div class="kmc-card__header">
            {{ $header }}
        </div>
    @endif

    <div class="kmc-card__body">
        {{ $slot }}
    </div>

    @if(isset($footer))
        <div class="kmc-card__footer">
            {{ $footer }}
        </div>
    @endif
</div>