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

React components for building web UI in Azure DevOps

import"../../CommonImports";import"../../Core/core.css";import"./Header.css";import*as React from"react";import{TitleSize}from"./Header.Props";import{Tooltip}from"../../TooltipEx";import{css,getSafeId}from"../../Util";function HeaderTitle(e){var t=e.ariaLevel,t=void 0===t?1:t,i=e.id,r=void 0;switch(e.titleSize){case TitleSize.Large:r="title-m l";break;case TitleSize.Small:r="title-xs s";break;default:TitleSize.Medium;r="body-xl m"}return React.createElement(Tooltip,{overflowOnly:!0},React.createElement("div",{"aria-level":t,className:css(e.className,"bolt-header-title",r),id:getSafeId(i),role:"heading"},e.children))}export{HeaderTitle};