{{--
    One label/value pair inside <x-detail-list>. Use this form whenever the
    value is markup — a badge, a link, a monospaced address — rather than plain
    text.

        <x-detail-row label="Status">
            <x-badge color="success">Active</x-badge>
        </x-detail-row>

    An empty value renders an em dash rather than a blank space, so a missing
    value reads as "we have none" instead of as a rendering fault.
--}}
@props([
    'label',
])

<div>
    <dt>{{ $label }}</dt>
    <dd>{{ $slot->isEmpty() ? '—' : $slot }}</dd>
</div>
