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";var closeButtonId=1,PanelHeader=function(e){var t,o=e.backButtonProps,a=e.description,s=e.onDismiss,r=e.closeButtonSize,l=e.showCloseButton,n=e.showSeparator,c=e.titleProps,c=void 0===c?{}:c;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-".concat(closeButtonId++),role:"button",onActivate:s,subtle:!0}),React.createElement(Header,{backButtonProps:o,className:css(e.className,"bolt-panel-header"),commandBarItems:t,description:a,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};