@props(['title' => ' ', 'subTitle' => ' ', 'title_classes' => '', 'left_width' => 'lg:w-1/2', 'right_width' => 'lg:w-1/2', 'subTitleClasses' => 'text-custom-grey-600'])
<div class="content-header">
    <div class="w-full {{ isset($headerRight) ? $left_width : '' }}">
        <h1 class="{{ isset($title_classes) ? $title_classes : '' }}">{!! $title !!}</h1>
        @if(isset($subTitle) && $subTitle != "&nbsp;")
            <p class="text-lg-regular {{$subTitleClasses ?? ''}}">
                {!! $subTitle !!}
            </p>
        @endif

    </div>
    @isset($headerRight)
        <div class="flex flex-row flex-wrap lg:justify-end gap-2 w-full {{$right_width}}">
            {{ $headerRight }}
        </div>
    @endisset
</div>