
import * as _$react from "react";
import { ReactNode } from "react";

//#region src/components/Banner/BannerTitle.d.ts
type HtmlSpanProps = Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'>;
interface BannerTitleProps extends HtmlSpanProps {
  children: ReactNode;
  className?: string;
}
/**
 * **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
 */
declare const BannerTitle: _$react.ForwardRefExoticComponent<BannerTitleProps & _$react.RefAttributes<HTMLElement>>;
//#endregion
export { BannerTitle, type BannerTitleProps };