import { BadgeCssVariables, BadgeProps, BadgeStylesNames, BadgeVariant, ElementProps, PolymorphicComponentProps, PolymorphicFactory } from '@mantine/core'; import { ForwardRefExoticComponent, ReactNode, RefAttributes } from 'react'; export interface SemanticBadgeProps extends Pick, ElementProps<'div'> { /** * The size of the badge. * @default 'small' */ size?: 'small' | 'large'; /** * Whether the badge is displayed over a light or dark background. * @default Falls back to theme. */ on?: 'light' | 'dark'; /** * The content of the badge. */ children?: ReactNode; } export type SemanticBadge = ForwardRefExoticComponent>; export type BadgeOverloadFactory = PolymorphicFactory<{ props: BadgeProps; defaultRef: HTMLDivElement; defaultComponent: 'div'; stylesNames: BadgeStylesNames; vars: BadgeCssVariables; variant: BadgeVariant; staticComponents: { Primary: SemanticBadge; Secondary: SemanticBadge; Success: SemanticBadge; Critical: SemanticBadge; Warning: SemanticBadge; Disabled: SemanticBadge; }; }>; export declare const Badge: ((props: PolymorphicComponentProps) => React.ReactElement) & Omit) => any; }) | (BadgeProps & { component?: any; } & Omit & { ref?: any; renderRoot?: (props: any) => any; })>, never> & import("@mantine/core").ThemeExtend<{ props: BadgeProps; defaultRef: HTMLDivElement; defaultComponent: 'div'; stylesNames: BadgeStylesNames; vars: BadgeCssVariables; variant: BadgeVariant; staticComponents: { Primary: SemanticBadge; Secondary: SemanticBadge; Success: SemanticBadge; Critical: SemanticBadge; Warning: SemanticBadge; Disabled: SemanticBadge; }; }> & import("@mantine/core").ComponentClasses<{ props: BadgeProps; defaultRef: HTMLDivElement; defaultComponent: 'div'; stylesNames: BadgeStylesNames; vars: BadgeCssVariables; variant: BadgeVariant; staticComponents: { Primary: SemanticBadge; Secondary: SemanticBadge; Success: SemanticBadge; Critical: SemanticBadge; Warning: SemanticBadge; Disabled: SemanticBadge; }; }> & { varsResolver: import("@mantine/core").VarsResolver<{ props: BadgeProps; defaultRef: HTMLDivElement; defaultComponent: 'div'; stylesNames: BadgeStylesNames; vars: BadgeCssVariables; variant: BadgeVariant; staticComponents: { Primary: SemanticBadge; Secondary: SemanticBadge; Success: SemanticBadge; Critical: SemanticBadge; Warning: SemanticBadge; Disabled: SemanticBadge; }; }>; } & import("@mantine/core").PolymorphicComponentWithProps<{ props: BadgeProps; defaultRef: HTMLDivElement; defaultComponent: 'div'; stylesNames: BadgeStylesNames; vars: BadgeCssVariables; variant: BadgeVariant; staticComponents: { Primary: SemanticBadge; Secondary: SemanticBadge; Success: SemanticBadge; Critical: SemanticBadge; Warning: SemanticBadge; Disabled: SemanticBadge; }; }> & { Primary: SemanticBadge; Secondary: SemanticBadge; Success: SemanticBadge; Critical: SemanticBadge; Warning: SemanticBadge; Disabled: SemanticBadge; }; export declare namespace Badge { type Props = BadgeProps; type StylesNames = BadgeStylesNames; type CssVariables = BadgeCssVariables; type Factory = BadgeOverloadFactory; namespace Primary { type Props = SemanticBadgeProps; } namespace Secondary { type Props = SemanticBadgeProps; } namespace Success { type Props = SemanticBadgeProps; } namespace Critical { type Props = SemanticBadgeProps; } namespace Warning { type Props = SemanticBadgeProps; } namespace Disabled { type Props = SemanticBadgeProps; } } //# sourceMappingURL=Badge.d.ts.map