@props(['type' => 'text', 'id', 'name', 'placeholder'])

<div class="mb-4">
    <input 
        type="{{ $type }}" 
        class="form-control form-control-lg form-control-alt py-3" 
        id="{{ $id }}" 
        name="{{ $name }}" 
        placeholder="{{ $placeholder }}"
        {{ $attributes }}
    >
    @error($name)
        <div class="text-danger fs-sm mt-1">{{ $message }}</div>
    @enderror
</div>