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

<div {{ $attributes }}>

    <span class="block text-sm font-medium text-gray-700 leading-5">
        {{ $label }}
    </span>

    <div class="mt-2 @if($inline) flex flex-col lg:flex-row space-y-1 lg:space-y-0 lg:space-x-4 @endif">
        {{ $slot }}
    </div>

    @if ($error)
        <p class="mt-2 text-sm text-red-600">
            {{ $error }}
        </p>
    @endif

</div>