@atlaskit/page-header
Version:
A page header defines the top of a page. It contains a title and can be optionally combined with breadcrumbs buttons, search, and filters.
31 lines • 1.22 kB
JavaScript
/* title.tsx generated by @compiled/babel-plugin v3.0.2 */
// TODO: Remove this eslint-disable when prop names have been renamed.
// This rule is here as prop name changes are a major as they are used
// by our consumers. The prop name concerned here is truncateTitle.
// This can be done in the next lite-mode conversion.
/* eslint-disable @repo/internal/react/boolean-prop-naming-convention */
import "./title.compiled.css";
import { ax, ix } from "@compiled/react/runtime";
import React from 'react';
var truncateStyles = null;
var titleStyles = null;
/**
* __Styled title wrapper__.
*
* A styled title wrapper is a wrapper around the title that controls its the styles exclusively.
*
*/
var Title = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
var children = _ref.children,
id = _ref.id,
truncateTitle = _ref.truncateTitle,
testId = _ref.testId;
return /*#__PURE__*/React.createElement("h1", {
ref: ref,
tabIndex: -1,
id: id,
"data-testid": testId && "".concat(testId, "--title"),
className: ax(["_11c810sd _12ji1r31 _1qu2glyw _12y31o36 _syazi7uo _1dyz4jg8 _1pfhidpf", truncateTitle && "_1reo15vq _18m915vq _1bto1l2s _o5721q9c"])
}, children);
});
export default Title;