@props(['title', 'subtitle'=>null, 'icon' => null, 'subtitledescription'=>null])
<div class="flex font-semibold text-2xl whitespace-nowrap text-primary-700">
    @if($icon)<i class="{{$icon}}"></i>@endif
    {{$title}}
    <div class="flex flex-col ml-2">
        @if($subtitle)
            <span class="text-2xl text-yellow-700">: {{$subtitle}}</span>
        @endif
        @if($subtitledescription)
            <span class="text-sm text-yellow-700 ml-4">{{$subtitledescription}}</span>
        @endif
    </div>
</div>