@props(['name','label','type' => 'text'])
<div class="space-y-12 sm:space-y-16 ml-6 mr-6">
    <div class="mt-3 space-y-8 border-b border-gray-900/10 pb-12 sm:space-y-0 sm:divide-y sm:divide-gray-900/10 sm:border-t sm:pb-0">
        <div class="sm:grid sm:grid-cols-3 sm:items-start sm:gap-4 sm:py-6 mb-3">
            <label for="{{ $name }}" class="block text-sm font-medium leading-6 text-gray-900 sm:pt-1.5">{{ $label }}</label>
            <div class="mt-2 sm:col-span-2 sm:mt-0">
                <input type="{{ $type }}"
                       name="{{ $name }}"
                       id="{{ $name }}"
                       class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:max-w-xs sm:text-sm sm:leading-6">
            </div>
        </div>
    </div>
</div>