Newer
Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
import {
Dropdown,
DropdownItem,
DropdownMenu,
DropdownSection,
DropdownTrigger,
NavbarItem,
} from "@nextui-org/react";
// import { NotificationIcon } from "../icons/navbar/notificationicon";
export const NotificationsDropdown = () => {
return (
<Dropdown placement="bottom-end">
<DropdownTrigger>
<NavbarItem>
{/* <NotificationIcon /> */}
icon
</NavbarItem>
</DropdownTrigger>
<DropdownMenu className="w-80" aria-label="Avatar Actions">
<DropdownSection title="Notificacions">
<DropdownItem
classNames={{
base: "py-2",
title: "text-base font-semibold",
}}
key="1"
description="Sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim."
>
📣 Edit your information
</DropdownItem>
<DropdownItem
key="2"
classNames={{
base: "py-2",
title: "text-base font-semibold",
}}
description="Sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim."
>
🚀 Say goodbye to paper receipts!
</DropdownItem>
<DropdownItem
key="3"
classNames={{
base: "py-2",
title: "text-base font-semibold",
}}
description="Sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim."
>
📣 Edit your information
</DropdownItem>
</DropdownSection>
</DropdownMenu>
</Dropdown>
);
};