@salesforce/design-system-react
Version:
Salesforce Lightning Design System for React
47 lines (41 loc) • 1.31 kB
JavaScript
/* 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 MediaObject from '../../../media-object';
var displayName = 'PageHeaderBase';
var propTypes = {
/**
* Icon node passed by PageHeader
*/
icon: PropTypes.node,
/**
* Title node passed by PageHeader
*/
title: PropTypes.node,
/**
* Info node passed by PageHeader
*/
info: PropTypes.node,
/**
* Nav content which appears in the upper right hand corner.
*/
navRight: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
};
var Base = function Base(props) {
return React.createElement("div", {
className: "slds-grid slds-page-header__row"
}, React.createElement("div", {
className: "slds-col slds-page-header__col-title"
}, React.createElement(MediaObject, {
body: React.createElement("div", null, props.title, props.info),
className: "slds-no-space slds-grow",
figure: props.icon
})), React.createElement("div", {
className: "slds-col slds-no-flex slds-grid slds-align-top"
}, props.navRight));
};
Base.displayName = displayName;
Base.propTypes = propTypes;
export default Base;
//# sourceMappingURL=index.js.map