@props([
    'name',
    'qty' => 1,
    'price' => null,
    'lineTotal' => null,
])

<div
    {{ $attributes->merge([
        'class' => 'flex items-center justify-between gap-3 border-b border-[var(--color-border)] py-2 text-sm',
    ]) }}
>
    <div class="min-w-0 flex-1">
        <p class="truncate font-medium text-[var(--color-text)]">{{ $name }}</p>
        <p class="text-xs text-[var(--color-text-muted)]">
            Qty {{ $qty }}
            @if ($price)
                · {{ $price }}
            @endif
        </p>
    </div>

    @if ($lineTotal)
        <div class="shrink-0 font-semibold text-[var(--color-text)]">{{ $lineTotal }}</div>
    @endif

    {{ $slot }}
</div>