/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
require("../../_virtual/_rolldown/runtime.cjs");
const require_styles_styler = require("../../styles/styler.cjs");
const require_components_Text = require("../Text.cjs");
let react = require("react");
let react_jsx_runtime = require("react/jsx-runtime");
//#region src/components/Banner/BannerTitle.tsx
/**
* **Styled title for use inside `BannerContent`.**
*
* @description
* Applies the Banner title typography tokens. Renders a single line of text.
* Use this subcomponent instead of the `title` prop when you need rich
* ReactNode content (e.g. bold segments, inline icons).
*
* @example
* ```tsx
* <Banner variant="info" startIcon={Info}>
*   <BannerContent>
*     <BannerTitle>Update <strong>available</strong></BannerTitle>
*     <BannerDescription>A new version is ready to install.</BannerDescription>
*   </BannerContent>
* </Banner>
* ```
*
* @see {@link Banner} for the parent component
* @see {@link BannerContent} for the required wrapper
*/
const BannerTitle = (0, react.forwardRef)(function BannerTitle({ children, className, ...rest }, ref) {
	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Text.Text, {
		ref,
		className: require_styles_styler.cx(require_styles_styler.getStyles({ bannerSizeTitle: "default" }), "w-full truncate", className),
		...rest,
		children
	});
});
BannerTitle.displayName = "BannerTitle";
//#endregion
exports.BannerTitle = BannerTitle;
