import { useMemo } from 'react' ; import { useClassNameGenerator } from '../../hooks/useClassNameGenerator' ; export function useClassNames ( ) { const generate = useClassNameGenerator ( 'AppNavi' ) ; return useMemo ( ( ) => ( { wrapper : generate ( ) , label : generate ( 'label' ) , buttons : generate ( 'buttons' ) , listItem : generate ( 'listItem' ) , anchor : generate ( 'anchor' ) , customTag : generate ( 'customTag' ) , button : generate ( 'button' ) , } ) , [ generate ] ) ; }