<textarea
    name="{{ handle }}"
    rows="5"
    class="{{ [
        'block w-full rounded-md border-0 px-4 py-3 text-lg ring-1 ring-inset focus:ring-2 focus:ring-inset disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500 disabled:ring-gray-200',
        'text-gray-900 shadow-xs ring-gray-300 placeholder:text-gray-400 focus:ring-gray-600' => !$error,
        'pr-10 text-red-900 ring-red-300 placeholder:text-red-300 focus:ring-red-500' => $error
    ] | classes }}"
    {{ if placeholder }}placeholder="{{ placeholder }}"{{ /if }}
    {{ if character_limit }}maxlength="{{ character_limit }}"{{ /if }}
    {{ if visibility === 'read_only' }}disabled{{ /if }}
    {{ if js_driver }}{{ js_attributes }}{{ /if }}
>
    {{ value }}
</textarea>
