UNPKG

azure-devops-ui

Version:

React components for building web UI in Azure DevOps

1 lines 838 B
import"../../CommonImports";import"../../Core/core.css";import"./DetailsPanel.css";import*as React from"react";import{MasterDetailsContext}from"../../MasterDetailsContext";import{Observer}from"../../Observer";import{Surface,SurfaceBackground}from"../../Surface";import{css}from"../../Util";const DetailsPanel=e=>{const r=React.useContext(MasterDetailsContext);return React.createElement(Surface,{background:SurfaceBackground.neutral},React.createElement("div",{className:css(e.className,"bolt-details-panel flex-row flex-grow")},React.createElement(Observer,{masterDetailsLayer:r.getCurrentLayer()},t=>React.createElement(Observer,{selectedItem:t.masterDetailsLayer.selectedMasterItem,hideDetailsPanel:r.hideDetailsPanel},e=>!e.hideDetailsPanel&&t.masterDetailsLayer.detailsContent.renderContent(e.selectedItem)))))};export{DetailsPanel};