@props(['title', 'text'])

<div class="py-4">
    <div class="flex flex-col gap-5">
        <article class="bg-white pt-6 lg:pl-6 pb-[18px] lg:pr-[18px] rounded-lg flex flex-col gap-6">
            <div class="pl-6 lg:pl-0">
                @if (isset($title))
                    <div
                        class="mt-1 sm:max-w-[310px] text-xl font-semibold text-neutral-4 block mb-5"
                        >
                        {{ $title }}
                    </div>
                @endif

                {!! $text !!}

            </div>
            {{-- <div class="px-6 lg:px-0 flex items-center justify-between">
                <!-- Placeholder for interactive elements such as tooltips -->
            </div> --}}
        </article>
    </div>

</div>