@salesforce/design-system-react/lib/components/page-header/private/record-home/index.js

Salesforce Lightning Design System for React

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

var _propTypes = require("prop-types");

var _propTypes2 = _interopRequireDefault(_propTypes);

var _detailRow = require("../detail-row");

var _detailRow2 = _interopRequireDefault(_detailRow);

var _mediaObject = require("../../../media-object");

var _mediaObject2 = _interopRequireDefault(_mediaObject);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

/* Copyright (c) 2015-present, salesforce.com, inc. All rights reserved */

/* Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
var displayName = 'PageHeaderRecordHome';
var propTypes = {
  /**
   * Content to appear on the right hand side of the page header
   */
  contentRight: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),

  /**
   * An array of detail blocks
   */
  details: _propTypes2.default.array,

  /**
   * Icon node passed by PageHeader
   */
  icon: _propTypes2.default.node,

  /**
   * Info node passed by PageHeader
   */
  info: _propTypes2.default.node,

  /**
   * Heading above title
   */
  label: _propTypes2.default.node,

  /**
   * Title node passed by PageHeader
   */
  title: _propTypes2.default.node
};

var RecordHome = function RecordHome(props) {
  return _react2.default.createElement("div", null, _react2.default.createElement("div", {
    className: "slds-grid"
  }, _react2.default.createElement("div", {
    className: "slds-col slds-has-flexi-truncate"
  }, _react2.default.createElement(_mediaObject2.default, {
    body: _react2.default.createElement("div", null, props.label, props.title, props.info),
    className: "slds-no-space slds-grow",
    figure: props.icon
  })), _react2.default.createElement("div", {
    className: "slds-col slds-no-flex slds-grid slds-align-top"
  }, props.contentRight)), _react2.default.createElement(_detailRow2.default, {
    details: props.details
  }));
};

RecordHome.displayName = displayName;
RecordHome.propTypes = propTypes;
exports.default = RecordHome;