@props(['plan'])

@php
    $data = pricing()->formatYearlyWithEquivalent($plan);
@endphp

<div {{ $attributes->merge(['class' => '']) }}>
    <div class="flex items-baseline text-gray-900 dark:text-white">
        <span class="text-2xl sm:text-3xl font-semibold">{{ pricing()->symbol() }}</span>
        <span class="text-4xl sm:text-5xl font-extrabold tracking-tight">{{ pricing()->amount($plan, 'yearly') == floor(pricing()->amount($plan, 'yearly')) ? (int) pricing()->amount($plan, 'yearly') : number_format(pricing()->amount($plan, 'yearly'), 2) }}</span>
        <span class="ml-1 text-lg sm:text-xl font-normal text-gray-500 dark:text-gray-400">/year</span>
    </div>
    <div class="text-xs font-semibold text-green-700 dark:text-green-400 mt-1">{{ $data['equivalent'] }}</div>
    <div class="text-xs text-gray-400 dark:text-gray-500 mb-2">{{ $data['footnote'] }}</div>
</div>