import React from "react"; import { StyledPillProps } from "./pill.style"; import { TagProps } from "../../__internal__/utils/helpers/tags/tags"; export interface PillProps extends StyledPillProps, TagProps { /** The content to display inside of the pill. */ children: string; /** * Determines the colour variant of the pill. * @deprecated Use `variant` prop instead. */ colorVariant?: "neutral" | "negative" | "positive" | "warning" | "information" | "neutralWhite"; /** Sets the colour variant of a status pill. */ variant?: "grey" | "green" | "red" | "orange" | "blue" | "purple" | "teal" | "lime" | "pink" | "slate"; /** * Apply inverse styling for use on dark backgrounds. * @deprecated Use `inverse` prop instead. */ isDarkBackground?: boolean; /** Set to allow for inverse styling to be used on dark backgrounds. */ inverse?: boolean; /** * A React node displayed to the left of the pill content. * Recommended for use with `size="L"` pills. */ icon?: React.ReactNode; /** Fills the pill background with colour. When fill is false only the border is coloured. */ fill?: boolean; /** Callback function for when the pill is clicked. */ onClick?: (ev: React.MouseEvent) => void; /** * Callback fired when the remove button is activated. * Receives the click event. */ onDelete?: (ev?: React.KeyboardEvent | React.MouseEvent) => void; /** * Sets the type of pill in use. * @deprecated The pillRole prop is no longer used. Pill styling is determined by the `variant`, `fill`, and `inverse` props. */ pillRole?: "tag" | "status"; /** Sets custom aria-label attribute on the remove button */ ariaLabelOfRemoveButton?: string; /** @private @ignore title attribute passed down to underlying element */ title?: string; } export declare const Pill: ({ wrapText, borderColor, colorVariant, variant, isDarkBackground, inverse, icon, children, fill, maxWidth, onClick, onDelete, pillRole, size, ariaLabelOfRemoveButton, ...rest }: PillProps) => React.JSX.Element; export default Pill;