@salesforce/design-system-react/utilities/sample-data/global-navigation-bar/index.jsx

Salesforce Lightning Design System for React

/* eslint-disable react/prop-types */
/* eslint-disable react/display-name */

import React from 'react';
import Icon from '../../../components/icon';

const dropdownCollection = [
	{
		label: 'Menu Item One',
		value: '1',
		iconCategory: 'utility',
		iconName: 'table',
		href: 'http://www.google.com',
	},
	{
		label: 'Menu Item Two',
		value: '2',
		iconCategory: 'utility',
		iconName: 'kanban',
		href: 'http://www.google.com',
	},
	{
		label: 'Menu Item Three',
		value: '3',
		iconCategory: 'utility',
		iconName: 'side_list',
		href: 'http://www.google.com',
	},
];

const propSets = {
	base: {
		props: {},
		primaryRegionProps: {
			appLauncher: {
				assistiveText: { trigger: 'Open App Launcher' },
				id: 'app-launcher-trigger',
				triggerName: 'App Name',
			},
		},
	},
	hybrid: {
		props: {
			openOn: 'hybrid',
		},
		primaryRegionProps: {
			appLauncher: {
				assistiveText: { trigger: 'Open App Launcher' },
				id: 'app-launcher-trigger',
				triggerName: 'App Name',
			},
		},
	},
	customCloud: {
		props: {
			cloud: 'marketing',
		},
		primaryRegionProps: {
			truncate: false,
			appLauncher: {
				assistiveText: { trigger: 'Open App Launcher' },
				id: 'app-launcher-trigger',
				noTruncate: true,
				triggerName: (
					<div className="slds-grid slds-grid_align-spread">
						<div>Marketing Cloud</div>
						<div>
							<Icon
								category="utility"
								className="slds-m-left_small slds-m-right_small"
								name="email"
								size="x-small"
							/>
							<span
								className="context-bar__label-action slds-text-body_regular"
								style={{ fontWeight: 'normal' }}
							>
								Email Studio
							</span>
						</div>
					</div>
				),
			},
		},
	},
	lightTheme: {
		props: {
			theme: 'light',
		},
	},
	noNav: {
		props: {},
		primaryRegionProps: {
			appLauncher: {
				assistiveText: { trigger: 'Open App Launcher' },
				id: 'app-launcher-trigger',
				triggerName: 'App Name',
			},
		},
	},
};

export { dropdownCollection, propSets };