@props([
    'subtitle' => null,
    'titleClass' => 'font-semibold',
    'subtitleClass' => 'text-sm text-slate-500',
    'imageClass' => 'h-11 w-11',
])

<div {{ $attributes->merge(['class' => 'flex items-center gap-3']) }}>
    <img
        src="{{ asset('images/branding/dari-stock-logo.svg') }}"
        alt="Logo Dari Stock"
        class="{{ $imageClass }}"
    />
    <span class="min-w-0">
        <span class="{{ $titleClass }}" style="display: block;">Dari Stock</span>
        @if ($subtitle)
            <span class="{{ $subtitleClass }}" style="display: block;">{{ $subtitle }}</span>
        @endif
    </span>
</div>