@props([
    'name',
    'id' => null,
    'label' => null,
    'rows' => 4,
    'placeholder' => null,
    'required' => false,
    'disabled' => false,
    'errorMassage' => null,
])

@php
    $id = $id ?? $name;
@endphp

@if($label)
    <x-frontend::forms.label :for="$id">
        {{ $label }}
    </x-frontend::forms.label>
@endif

<textarea
    name="{{ $name }}"
    id="{{ $id }}"
    rows="{{ $rows }}"
    @if($placeholder) placeholder="{{ $placeholder }}" @endif
    {{ $attributes->class('border border-gray-300 rounded-md px-3 py-2 w-full focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500') }}
    @if($required) required @endif
    @if($disabled) disabled @endif
>{{ old($name, $slot->isEmpty() ? '' : $slot) }}</textarea>

<x-frontend::forms.error :name="$name" :message="$errorMassage" />