@props(['label', 'name', 'value' => '', 'error' => null])

@php
$label = $label ?? false;
$placeholder = $attributes['placeholder'] ?? '';
@endphp

<div class="form-control w-full flex items-center space-x-4">
    @if ($label)
        <label for="{{ $name }}" class="text-sm min-w-1/4">{{ $label }}</label>
    @endif
    <input type="tel" id="{{ $name }}" name="{{ $name }}" value="{{ $value }}"
        placeholder="{{ $placeholder }}"
        {{ $attributes->merge(['class' => 'w-full appearance-none border-0 bg-transparent text-black py-1 px-0 focus:outline-none focus:border-transparent']) }}>
</div>