@salesforce/design-system-react/components/page-header/private/label.jsx

Salesforce Lightning Design System for React

/* Copyright (c) 2015-present, salesforce.com, inc. All rights reserved */
/* Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */

import React from 'react';
import PropTypes from 'prop-types';

import Breadcrumb from '../../breadcrumb';

const displayName = 'PageHeaderLabel';
const propTypes = {
	/**
	 * Contents of label section
	 */
	content: PropTypes.node,
	/**
	 * An array of react elements, presumably anchor <a> elements.
	 */
	trail: PropTypes.array,
};

const Label = (props) => {
	if (props.trail && props.trail.length > 0) {
		return <Breadcrumb styleContainer={props.style} trail={props.trail} />;
	}

	if (props.content) {
		if (typeof props.content === 'string') {
			return <span>{props.content}</span>;
		}

		return props.content;
	}

	return null;
};

Label.displayName = displayName;
Label.propTypes = propTypes;

export default Label;