import { Colors } from '../../designSystem/zeniConstants'; export type StyledCapsuleThemeType = "default" | "warning" | "info" | "success" | "attention"; export interface StyledCapsuleProps { label: string | React.ReactElement; capsuleBackground?: string; className?: string; dataTestId?: string; labelColor?: string; labelStyle?: React.CSSProperties; showChevron?: boolean; style?: React.CSSProperties; type?: StyledCapsuleThemeType; onClick?: () => void; } export declare const getCapsuleBGColor: (type: StyledCapsuleThemeType, mode: "light" | "dark") => Colors.tagDefaultBgLight | Colors.tagDefaultBgDark | Colors.tagWarningBgLight | Colors.tagWarningBgDark | Colors.tagInfoBgLight | Colors.tagInfoBgDark | Colors.tagSuccessBgLight | Colors.tagSuccessBgDark | Colors.tagAttentionBgLight | Colors.tagAttentionBgDark; export default function StyledCapsule({ label, labelColor, labelStyle, capsuleBackground, showChevron, style, dataTestId, type, onClick, }: Readonly): import("react/jsx-runtime").JSX.Element;