@props(['record'])

<div class="flex w-full mb-2 {{ $record->username === auth()->user()->name ? 'justify-end' : 'justify-start' }}">
    <div class="max-w-xs px-4 py-2 dark:text-white">
        <p class="text-sm font-bold">{{ $record->username === auth()->user()->name ? __('You') : $record->username }}
            <span
                class="mt-1 text-xs italic font-light text-right text-gray-600 dark:text-gray-400">{{ $record->created_at->diffForHumans() }}</span>
        </p>
        <div class="mt-4 prose max-w-prose dark:prose-invert">{!! $record->message !!}</div>

    </div>
</div>