@undp/design-system-react/dist/Badge.d.ts

React based design system for UNDP

import { ClassProp } from 'class-variance-authority/types';
import { default as default_2 } from 'react';
import { JSX } from 'react/jsx-runtime';
import { VariantProps } from 'class-variance-authority';

export declare function Badge({ className, rounded, variant, size, ...props }: default_2.HTMLAttributes<HTMLDivElement> & VariantProps<typeof badgeVariants>): JSX.Element;

declare const badgeVariants: (props?: ({
    variant?: "error" | "warning" | "success" | "info" | "primary" | "secondary" | "tertiary" | "quaternary" | "surface" | "outline" | "surface-sm" | "surface-xl" | null | undefined;
    rounded?: "base" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | null | undefined;
    size?: "base" | "xs" | "sm" | "lg" | "xl" | null | undefined;
} & ClassProp) | undefined) => string;

export { }


declare namespace BreadcrumbSeparator {
    var displayName: string;
}


declare namespace BreadcrumbEllipsis {
    var displayName: string;
}


declare namespace DialogHeader {
    var displayName: string;
}


declare namespace DialogFooter {
    var displayName: string;
}


declare namespace PaginationUnit {
    var displayName: string;
}


declare namespace PaginationLink {
    var displayName: string;
}


declare namespace PaginationPrevious {
    var displayName: string;
}


declare namespace PaginationNext {
    var displayName: string;
}


declare namespace PaginationEllipsis {
    var displayName: string;
}