azure-devops-ui
Version:
React components for building web UI in Azure DevOps
25 lines (24 loc) • 951 B
JavaScript
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';
export function HeaderTitle(props) {
const { ariaLevel = 1, id } = props;
let titleSizeClass = undefined;
switch (props.titleSize) {
case TitleSize.Large:
titleSizeClass = "title-m l";
break;
case TitleSize.Small:
titleSizeClass = "title-xs s";
break;
case TitleSize.Medium:
default:
titleSizeClass = "body-xl m";
}
return (React.createElement(Tooltip, { overflowOnly: true },
React.createElement("div", { "aria-level": ariaLevel, className: css(props.className, "bolt-header-title", titleSizeClass), id: getSafeId(id), role: "heading" }, props.children)));
}