@props([
    'degraded' => false,
    'label',
])

@php
    $defaultClass = 'text-black mb-auto';
@endphp


<x-group
    x-data="{ degraded: {{ $degraded ? 'true' : 'false' }} }"
    x-bind:class="degraded ? '[&>span]:w-full' : 'max-md:[&>span]:w-full'"
    class="Record items-start w-0 min-w-full"
>
    <span class="w-1/3 font-semibold">
        {{ $label }}
    </span>

    <x-group
        {{-- {{ $attributes->twMerge($defaultClass) }} --}}
        :class="$defaultClass"
        x-bind:class="degraded ? 'w-full' : 'flex-1'"
    >
        <span
            x-bind:class="degraded ? 'hidden' : 'max-md:hidden'"
            class="mb-auto"
        >
            :
        </span>
        <span
            class="flex-1"
            x-bind:class="degraded ? '' : 'md:ms-2'"
            {{ $attributes->except(['class', 'label', 'degraded']) }}
        >
            {{ $slot }}
        </span>
    </x-group>

</x-group>