@@ -62,49 +62,45 @@ const LvlAccordionItems = async ({
62
62
key = { label }
63
63
className = "border-t border-body-light last:border-b"
64
64
>
65
- < p >
66
- < Button
67
- className = { cn (
68
- "flex h-full justify-start whitespace-normal px-4 py-4 text-start text-body no-underline" ,
69
- nestedAccordionSpacingMap [ lvl + 2 ]
70
- ) }
71
- variant = "ghost"
72
- asChild
65
+ < Button
66
+ className = { cn (
67
+ "flex h-full justify-start whitespace-normal px-4 py-4 text-start text-body no-underline" ,
68
+ nestedAccordionSpacingMap [ lvl + 2 ]
69
+ ) }
70
+ variant = "ghost"
71
+ asChild
72
+ >
73
+ < BaseLink
74
+ href = { action . href }
75
+ isPartiallyActive = { false }
76
+ activeClassName = "is-active"
77
+ className = "group/lnk block"
78
+ customEventOptions = { {
79
+ eventCategory : "Mobile navigation menu" ,
80
+ eventAction : `Menu: ${ locale } - ${ activeSection } ` ,
81
+ eventName : action . href ! ,
82
+ } }
73
83
>
74
- < BaseLink
75
- href = { action . href }
76
- isPartiallyActive = { false }
77
- activeClassName = "is-active"
78
- className = "group/lnk block"
79
- customEventOptions = { {
80
- eventCategory : "Mobile navigation menu" ,
81
- eventAction : `Menu: ${ locale } - ${ activeSection } ` ,
82
- eventName : action . href ! ,
83
- } }
84
+ < p
85
+ className = { cn (
86
+ "text-md font-bold" ,
87
+ "text-body" ,
88
+ "group-[.is-active]/lnk:text-primary-high-contrast"
89
+ ) }
90
+ >
91
+ { label }
92
+ </ p >
93
+ < p
94
+ className = { cn (
95
+ "text-sm font-normal" ,
96
+ subtextColorPerLevel [ lvl ] ,
97
+ "group-[.is-active]/lnk:text-primary-high-contrast"
98
+ ) }
84
99
>
85
- < div >
86
- < p
87
- className = { cn (
88
- "text-md font-bold" ,
89
- "text-body" ,
90
- "group-[.is-active]/lnk:text-primary-high-contrast"
91
- ) }
92
- >
93
- { label }
94
- </ p >
95
- < p
96
- className = { cn (
97
- "text-sm font-normal" ,
98
- subtextColorPerLevel [ lvl ] ,
99
- "group-[.is-active]/lnk:text-primary-high-contrast"
100
- ) }
101
- >
102
- { description }
103
- </ p >
104
- </ div >
105
- </ BaseLink >
106
- </ Button >
107
- </ p >
100
+ { description }
101
+ </ p >
102
+ </ BaseLink >
103
+ </ Button >
108
104
</ div >
109
105
)
110
106
0 commit comments