@props([
    'placeholder' => null,
    'required'    => false,
    'disabled'    => false,
    'readonly'    => false,
    'rows'        => 4,
])

<textarea
    rows="{{ $rows }}"
    @if ($placeholder) placeholder="{{ $placeholder }}" @endif
    @required($required)
    @disabled($disabled)
    @readonly($readonly)
    {{ $attributes->merge([
        'class' => 'w-full bg-transparent border-0 border-b border-black resize-none py-2
                    placeholder:text-neutral-400
                    focus:outline-none
                    disabled:cursor-not-allowed disabled:opacity-50
                    read-only:opacity-60',
    ]) }}
>{{ $slot }}</textarea>