import { nothing } from "lit"; import SgdsElement from "../../base/sgds-element"; import SgdsTooltip from "../Tooltip/sgds-tooltip"; import SgdsCloseButton from "../CloseButton/sgds-close-button"; export type BadgeVariant = "primary" | "accent" | "success" | "danger" | "warning" | "cyan" | "purple" | "neutral" | "white" | "info"; /** * @summary Badges can be used to highlight important bits of information such as labels, notifications & status. * When the text exceeds the width, it will be truncated with a tooltip that will be displayed on hover. * * @slot default - slot for badge * @slot icon - The slot for icon to the left of the badge text * * @event sgds-show - Emitted when the badge appears. * @event sgds-hide - Emitted when the badge is starting to close but has not closed. * @event sgds-after-show - Emitted after the badge has appeared * @event sgds-after-hide - Emitted after the badge has closed */ export declare class SgdsBadge extends SgdsElement { static styles: import("lit").CSSResult[]; /**@internal */ static dependencies: { "sgds-close-button": typeof SgdsCloseButton; "sgds-tooltip": typeof SgdsTooltip; }; /** Controls the appearance of the dismissible badge. This prop only applies when dismissible is true */ show: boolean; /** * One or more badge variant combinations. * Variants include: `primary`, `accent`, `success`, `danger`, `warning`, `cyan`, `purple`, `neutral`, `white`, `info`. * * (@deprecated) The `info` variant is deprecated. Use `primary` instead. */ variant: BadgeVariant; /** Manually set the outlined state to false */ outlined: boolean; /** Manually set the dismissible state of the button to `false` */ dismissible: boolean; /** Manually enable full width */ fullWidth: boolean; private truncated; private text; /** Closes the badge */ close(): void; /**@internal */ _handleShowChange(): void; /**@internal */ _handleTruncation(): void; private _handleLabelSlotChange; private _renderBadge; render(): import("lit").TemplateResult<1> | typeof nothing; } export default SgdsBadge;