@massds/mayflower-react
Version:
React versions of Mayflower design system UI components
42 lines (41 loc) • 1.7 kB
TypeScript
/**
* 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;