How to use the ringcentral-widgets/assets/DynamicsFont/DynamicsFont.scss.settingHover function in ringcentral-widgets

import React from 'react';
// eslint-disable-next-line
import DropdownNavigationItem from 'ringcentral-widgets/components/DropdownNavigationItem';
// eslint-disable-next-line
import dynamicsFont from 'ringcentral-widgets/assets/DynamicsFont/DynamicsFont.scss';

const props = {};
props.icon = <span>;
props.activeIcon = <span>;
props.label = 'Settings';
props.path = '/settings';

/**
 * A example of `DropdownNavigationItem`
 */
const DropdownNavigationItemDemo = () =&gt; ;
export default DropdownNavigationItemDemo;
</span></span>