@props(['id', 'name', 'label' => null, 'placeholder' => ''])

<div>
    <label for="{{ $id }}" class="block mb-2 font-semibold">{{ $label }}</label>
    <textarea
        id="{{ $id }}"
        name="{{ $name }}"
        rows="4"
        placeholder="{{ $placeholder }}"
        class="w-full bg-dark text-lightcoffee rounded px-4 py-3 placeholder-placeholder focus:outline-none focus:ring-2 focus:ring-accent"
    ></textarea>
</div>