azure-devops-ui/Components/Header/HeaderBackButton.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 { ScreenSize } from '../../Core/Util/Screen';
import { Button } from '../../Button';
import { IconSize } from '../../Icon';
import * as Resources from '../../Resources.Page';
import { css } from '../../Util';
import { ScreenSizeObserver } from '../../Utilities/ScreenSize';
export function HeaderBackButton(props) {
    const { buttonProps } = props;
    return (React.createElement(ScreenSizeObserver, null, (screenSizeProps) => {
        const smallScreen = screenSizeProps.screenSize === ScreenSize.xsmall;
        return (React.createElement(Button, Object.assign({ ariaLabel: Resources.Back, iconProps: {
                iconName: "Back",
                size: smallScreen ? IconSize.small : undefined
            }, subtle: true }, buttonProps, { text: smallScreen ? (buttonProps.text ? buttonProps.text : Resources.Back) : undefined, className: css(buttonProps.className, "bolt-header-back-button justify-end") })));
    }));
}