@props(['placeholder', 'title', 'subtitle'])
<div class="flex space-x-2 items-center">
<span {{$attributes->twMerge(['class' => 'bg-blue-300 text-blue-800 w-8 h-8 border border-white rounded-full flex items-center justify-center'])}}>
    @isset($placeholder)
        @initials($placeholder)
    @endisset
</span>
    <div class="flex flex-col">
    @isset($title)
        <p class="font-semibold">
            {{$title}}
        </p>
    @endisset
    @isset($subtitle)
        {{$subtitle}}
    @endisset
    </div>
</div>