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;