You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

27 lines
940 B
JavaScript

import { usePage } from '@inertiajs/react'
import { HiOutlineBell } from 'react-icons/hi2'
export default function GuestBanner() {
const {
props: { setting, notification_count },
} = usePage()
return (
<div>
{/* user */}
<div className="flex flex-row justify-between items-center px-5 py-6 text-lg bg-blue-900">
<div className="flex flex-col text-white">
<div className="font-bold">{setting.OPEN_WEBSITE_NAME}</div>
</div>
<div className="flex flex-row">
<HiOutlineBell className="text-white w-7 h-7" />
<div>
<div className="bg-white text-blue-700 rounded-lg px-1 text-xs -ml-2.5">
{notification_count}
</div>
</div>
</div>
</div>
</div>
)
}