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

//#region src/components/Banner/BannerDescription.d.ts
type HtmlSpanProps = Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'>;
interface BannerDescriptionProps extends HtmlSpanProps {
  children: ReactNode;
  className?: string;
}
/**
 * **Styled description for use inside `BannerContent`.**
 *
 * @description
 * Applies the Banner description typography tokens and truncates text to
 * 3 lines. Use this subcomponent instead of the `description` prop when
 * you need rich ReactNode content.
 *
 * @example
 * ```tsx
 * <Banner variant="alert" startIcon={Error}>
 *   <BannerContent>
 *     <BannerTitle>Something went wrong</BannerTitle>
 *     <BannerDescription>
 *       Please try again or <Link href="/support">contact support</Link>.
 *     </BannerDescription>
 *   </BannerContent>
 * </Banner>
 * ```
 *
 * @see {@link Banner} for the parent component
 * @see {@link BannerContent} for the required wrapper
 */
declare const BannerDescription: _$react.ForwardRefExoticComponent<BannerDescriptionProps & _$react.RefAttributes<HTMLElement>>;
//#endregion
export { BannerDescription, type BannerDescriptionProps };