UNPKG

@massds/mayflower-react

Version:

React versions of Mayflower design system UI components

42 lines (41 loc) 1.7 kB
/** * UtilityNav module. * @module @massds/mayflower-react/UtilityNav * @requires module:@massds/mayflower-assets/scss/03-organisms/utility-nav * @requires module:@massds/mayflower-assets/scss/03-organisms/utility-panel * @requires module:@massds/mayflower-assets/scss/01-atoms/decorative-link * @requires module:@massds/mayflower-assets/scss/01-atoms/svg-icons * @requires module:@massds/mayflower-assets/scss/01-atoms/svg-loc-icons */ import React from 'react'; import { UtilityPanelProps } from '../UtilityPanel'; export interface UtilityNavProps { /** Boolean that controls when to show the google language dom. */ googleLanguages?: boolean; /** An array of navigation items to display to the user: <ul> * `text:` The text to display for the main navigation item.<br /> * `ariaLabelText:` Defines the label to use with aria-label.<br /> * `icon:` The icon to display to the left of text.<br /> * `href:` The href for the link if not a button.<br /> * `closeText:` The text to use on the close link.<br /> * `panel:` Displays an utility panel when text is clicked. * </ul> */ items?: { text: string; ariaLabelText?: string; icon?: "building" | "login"; href?: string; closeText?: string; panel?: UtilityPanelProps; }[]; /** Boolean that controls if any UtilityNav div should be should be open on mobile. */ isOpen?: boolean; } declare class UtilityNav extends React.Component<UtilityNavProps> { constructor(props: any); UNSAFE_componentWillReceiveProps(nextProps: any): void; onClick(divId: any, e: any): void; render(): any; } export default UtilityNav;