@props([
    'label',
    'name',
    'type' => 'text',
    'value' => '',
    'placeholder' => null,
    'required' => false,
    'help' => null,
])

<div class="account-field">
    <label for="{{ $name }}" class="account-field__label">{{ $label }}</label>
    <input
        id="{{ $name }}"
        name="{{ $name }}"
        type="{{ $type }}"
        value="{{ old($name, $value) }}"
        @if($placeholder) placeholder="{{ $placeholder }}" @endif
        @if($required) required @endif
        {{ $attributes->merge(['class' => 'account-field__input']) }}
    >
    @if ($help)
        <p class="account-field__help">{{ $help }}</p>
    @endif
    @error($name)
        <p class="account-field__error">{{ $message }}</p>
    @enderror
</div>