Label

<x-shopper::label for="email" value="Email address" />

<x-shopper::label for="username" value="Username" />

<x-shopper::label for="email" value="Email" :isRequired="true" />

<x-shopper::label for="name">
    Full Name
</x-shopper::label>

<div>
    <x-shopper::label for="email" value="Email" :isRequired="true" />
    <x-shopper::forms.input
        type="email"
        name="email"
        id="email"
        class="mt-1"
    />
</div>

@props([
    'value',
    'isRequired' => false,
])

<label {{ $attributes->twMerge(['class' => 'block font-medium text-sm text-gray-700 dark:text-gray-300']) }}>
    {{ $value ?? $slot }}

    @if ($isRequired)
        <span class="text-red-500">*</span>
    @endif
</label>