import type { LayerIntent } from '@fuel-ui/css';
import type { CreateComponent, HTMLProps } from '~/utils';
import type { Components } from '~/utils/components-list';
export type BadgeVariants = 'solid' | 'outlined' | 'ghost';
export type BadgeProps = HTMLProps['span'] & {
    intent?: LayerIntent;
    variant?: BadgeVariants;
    isDisabled?: boolean;
};
export type BadgeDef = CreateComponent<{
    type: 'span';
    component: Components.Badge;
    element: HTMLSpanElement;
    props: BadgeProps;
    styles: 'root';
}>;