@salesforce/design-system-react/components/page-header/private/info.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 classnames from 'classnames';

const displayName = 'PageHeaderInfo';
const propTypes = {
	/**
	 * Optional class name
	 */
	className: PropTypes.oneOfType([
		PropTypes.array,
		PropTypes.object,
		PropTypes.string,
	]),
	/**
	 * Contents of info section
	 */
	content: PropTypes.node,
	/**
	 * Variant passed down from page header
	 */
	variant: PropTypes.string,
};

const Info = (props) => {
	if (!props.content) return null;

	const classes = classnames(
		{
			'slds-page-header__name-meta': props.variant === 'base',
			'slds-page-header__meta-text':
				props.variant === 'object-home' ||
				props.variant === 'objectHome' ||
				props.variant === 'related-list' ||
				props.variant === 'relatedList',
		},
		props.className
	);

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

	return <div className={classes}>{props.content}</div>;
};

Info.displayName = displayName;
Info.propTypes = propTypes;

export default Info;