@props(['heading' => 'h2']) @if ($heading == 'h1')

merge(['class' => 'text-4xl font-bold text-gray-800 dark:text-gray-400']) }}> {{ $slot }}

@elseif ($heading == 'h2')

merge(['class' => 'text-2xl font-bold text-gray-800 dark:text-gray-400']) }}> {{ $slot }}

@elseif ($heading == 'h3')

merge(['class' => 'text-xl font-semibold text-gray-800 dark:text-gray-400']) }}> {{ $slot }}

@elseif ($heading == 'h4')

merge(['class' => 'text-xl font-semibold text-gray-800 dark:text-gray-400']) }}> {{ $slot }}

@elseif ($heading == 'h5')

merge(['class' => 'text-lg font-medium text-gray-800 dark:text-gray-400']) }}> {{ $slot }}

@elseif ($heading == 'h6')

merge(['class' => 'text-md font-medium text-gray-800 dark:text-gray-400']) }}> {{ $slot }}

@endif