@props(['application'])

<article class="platform-card platform-card--interactive group flex h-full flex-col p-5">
    <div class="mb-4 flex items-start justify-between gap-3">
        <x-platform.app-icon :icon="$application->icon" :color="$application->color" size="lg" />
        <x-platform.application-access-badge :application="$application" class="mt-0.5" />
    </div>

    <h3 class="text-base font-semibold">{{ $application->display_name }}</h3>
    <p class="platform-text-muted mt-2 flex-1 text-sm leading-6">{{ $application->display_description }}</p>

    <x-platform.application-access-action :application="$application" />
</article>