@props(['amount', 'compare' => null, 'class' => 'text-lg'])
<span {{ $attributes->class(['inline-flex flex-wrap items-baseline gap-x-2']) }}>
    <span class="{{ $class }} font-extrabold text-primary">{{ $shop->money->format((float) $amount) }}</span>
    @if ($compare !== null && (float) $compare > (float) $amount)
        <span class="text-xs text-on-surface-variant line-through sm:text-sm">{{ $shop->money->format((float) $compare) }}</span>
    @endif
</span>