@props([
    'title' => '',
    'center' => false,
    'inverse' => false,
    'class' => null
])

@if ($title)
    <x-frontend.animation>
        <div @class(['text-center' => $center, $class])>
            <h2 @class([
                'inline-block text-3xl font-bold font-headline lg:text-4xl xl:text-5xl',
                'text-white' => $inverse,
                'text-gradient' => !$inverse,
            ])>
                {{ $title }}
            </h2>
        </div>
    </x-frontend.animation>
@endif