azure-devops-ui/Components/Panel/PanelHeader.min.js

React components for building web UI in Azure DevOps

import"../../CommonImports";import"../../Core/core.css";import"./Panel.css";import*as React from"react";import{PanelCloseButtonSize}from"../../Components/Panel/Panel.Props";import*as Resources from"../../Resources.Layer";import{Header,TitleSize}from"../../Header";import{css}from"../../Util";let closeButtonId=1;const PanelHeader=e=>{var t,{backButtonProps:o,description:s,onDismiss:a,closeButtonSize:r,showCloseButton:l,showSeparator:n,titleProps:c={}}=e;return e.children?React.createElement(React.Fragment,null,React.createElement("div",{className:css(e.className,"bolt-panel-header flex-noshrink flex-column scroll-hidden")},e.children),n&&React.createElement("div",{className:"bolt-panel-separator flex-noshrink"})):(!(t=[])!==l&&t.push({ariaLabel:Resources.Close,iconProps:{iconName:r===PanelCloseButtonSize.small?"Cancel":"Clear"},id:"close-button-"+closeButtonId++,role:"button",onActivate:a,subtle:!0}),React.createElement(Header,{backButtonProps:o,className:css(e.className,"bolt-panel-header"),commandBarItems:t,description:s,separator:n,title:c.text,titleClassName:c.className,titleId:c.id,titleSize:void 0===c.size?TitleSize.Large:c.size,titleIconProps:c.iconProps}))};export{PanelHeader};