@props([
    'badge',
    'name',
    'subtitle' => null,
    'price',
    'currency' => 'USD',
    'ctaLabel',
    'fundUrl',
])

<li>
    <article class="vpm-pricing-card">
        <p class="vpm-pricing-card__badge">{{ $badge }}</p>

        <div class="vpm-pricing-card__body">
            <p class="vpm-pricing-card__name">{{ $name }}</p>

            @if ($subtitle)
                <p class="vpm-pricing-card__subtitle">{{ $subtitle }}</p>
            @endif

            <hr class="vpm-pricing-card__divider">

            <p class="vpm-pricing-card__price">
                ${{ number_format((float) $price, 2) }}
            </p>

            <a href="{{ $fundUrl }}" class="vpm-pricing-card__cta">
                {{ $ctaLabel }}
            </a>
        </div>
    </article>
</li>