import { ComponentPropsWithoutRef, ReactNode } from 'react'; export type LinkPillIllustrationType = 'icon' | 'img'; export type LinkPillIllustrationPosition = 'left' | 'right'; export interface LinkPillProps extends ComponentPropsWithoutRef<'a'> { /** * URL opened in a new tab when the pill is clicked. */ href: string; /** * Text displayed inside the pill (single line, ellipsis on overflow). */ label: string; /** * Optional second line displayed below the label (single line, ellipsis * on overflow). Does not affect the label's font size. */ subtitle?: string; /** * Illustration node. Defaults to `` for the `icon` type. * For the `img` type, the caller must provide an `` element. */ illustration?: ReactNode; /** * `icon` (default): illustration wrapped in a small rounded box. * `img`: illustration rendered as a 36x36 rounded square (e.g. a favicon). */ illustrationType?: LinkPillIllustrationType; /** * Side the illustration is displayed on. */ illustrationPosition?: LinkPillIllustrationPosition; } /** * LinkPill – design system component used to display a link to an * external resource as a small rounded pill. */ declare const LinkPill: { ({ href, label, subtitle, illustration, illustrationType, illustrationPosition, className, ...restProps }: LinkPillProps): import("react/jsx-runtime").JSX.Element; displayName: string; }; export default LinkPill;