@props(['bordered' => false])

<div {{ $attributes->merge(['class' => 'flex flex-col items-center justify-between gap-4 sm:flex-row' . ($bordered ? ' mt-10 border-t border-border pt-8' : '')]) }}>
    <p class="text-xs text-muted-foreground">
        &copy; {{ date('Y') }}
        <span class="font-medium text-foreground">{{ config('app.name') }}</span>.
        {{ __('pages/common.all_rights_reserved') }}
    </p>
    <p class="text-xs text-muted-foreground">
        {{ __('pages/common.built_with') }}
        <a href="https://laravel.com" target="_blank" rel="noopener" class="font-medium text-primary-600 hover:underline dark:text-primary-400">Laravel</a>
        &amp;
        <a href="https://tailwindcss.com" target="_blank" rel="noopener" class="font-medium text-primary-600 hover:underline dark:text-primary-400">Tailwind CSS</a>
    </p>
</div>