@szum-tech/design-system/dist/components/badge/index.d.ts

Szum-Tech design system with tailwindcss support

import * as react_jsx_runtime from 'react/jsx-runtime';
import * as React from 'react';
import React__default from 'react';
import { VariantProps } from 'class-variance-authority';
import * as class_variance_authority_types from 'class-variance-authority/types';

declare const badgeVariants: (props?: ({
    variant?: "primary" | "secondary" | "outline" | "success" | "warning" | "error" | null | undefined;
} & class_variance_authority_types.ClassProp) | undefined) => string;

type BadgeVariantsProps = VariantProps<typeof badgeVariants>;
type BadgeVariant = NonNullable<BadgeVariantsProps["variant"]>;

type BadgeProps = React.ComponentProps<"span"> & {
    variant?: BadgeVariant;
    asChild?: boolean;
};
declare function Badge({ className, variant, asChild, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;

type BadgeButtonProps = React__default.ComponentProps<"button"> & {
    asChild?: boolean;
};
declare function BadgeButton({ className, asChild, ...props }: BadgeButtonProps): react_jsx_runtime.JSX.Element;

type BadgeDotProps = React.ComponentProps<"span">;
declare function BadgeDot({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;

export { Badge, BadgeButton, type BadgeButtonProps, BadgeDot, type BadgeDotProps, type BadgeProps, type BadgeVariant };