AccountMenuContent.tsx23 lines · main

1	'use client'
2
3	import type { SidebarSection } from './AccountLayout.types'
4	import { getActiveKey, toSubMenuSections } from './AccountLayout.utils'
5	import { SubMenu } from '@/components/ui/ProductMenu/SubMenu'
6
7	export interface AccountMenuContentProps {
8	sections: SidebarSection[]
9	onCloseSheet?: () => void
10	}
11
12	export function AccountMenuContent({ sections, onCloseSheet }: AccountMenuContentProps) {
13	const subMenuSections = toSubMenuSections(sections)
14	const page = getActiveKey(sections)
15
16	return (
17	<div className="flex flex-col h-full overflow-y-auto">
18	<nav className="px-2 py-2" aria-label="Account menu">
19	<SubMenu sections={subMenuSections} page={page} onItemClick={onCloseSheet} />
20	</nav>
21	</div>
22	)
23	}