azure-devops-ui/Components/Header/CustomHeader.min.js

React components for building web UI in Azure DevOps

import{__extends}from"tslib";import"../../CommonImports";import"../../Core/core.css";import"./Header.css";import*as React from"react";import{Spacing,SurfaceContext}from"../../Surface";import{css}from"../../Util";var CustomHeader=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return __extends(t,e),t.prototype.render=function(){var t=this;return React.createElement(SurfaceContext.Consumer,null,function(e){return React.createElement(React.Fragment,null,React.createElement("div",{className:css(t.props.className,"bolt-header flex-row flex-noshrink flex-start",e.horizontalClassName,void 0===e.spacing&&"bolt-header-no-spacing-defined",e.spacing===Spacing.condensed&&"bolt-header-condensed",e.spacing===Spacing.default&&"bolt-header-default",e.spacing===Spacing.relaxed&&"bolt-header-relaxed")},t.props.children),t.props.separator&&React.createElement("div",{className:"bolt-header-separator flex-noshrink"}))})},t}(React.Component);export{CustomHeader};