
"use client";
import { UniversalBadgeProps } from "../../types/dist/index.js";
import { IconSlotProps } from "../IconSlot.js";
import React from "react";

//#region src/components/client/Badge.d.ts
type HtmlDivProps = React.HTMLAttributes<HTMLDivElement>;
type DataAttributes = {
  [name: `data-${string}`]: string;
};
interface BadgeProps extends HtmlDivProps, UniversalBadgeProps {
  /** Props to be passed into various slots within the component. */
  slotProps?: {
    startIcon?: Partial<IconSlotProps & DataAttributes>;
    endIcon?: Partial<IconSlotProps & DataAttributes>;
    text?: Partial<React.HTMLAttributes<HTMLSpanElement> & DataAttributes>;
  };
}
/**
 * **⚙️️ A badge.
 *
 * @componentType Client component
 *
 * @description
 * Badges show notifications, counts, or status information on navigation items and icons.
 *
 * @see
 * Check out the {@link https://uds.build/docs/components/badge Badge Docs} for more info
 *
 * @usage
 * - ???
 *
 * @example
 * ```tsx
 * 'use client';
 * import { Badge } from "@yahoo/uds";
 *
 * <Badge>Label</Badge>
 *```
 *
 * @related [Chip](https://uds.build/docs/components/chip).
 **/
declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;
//#endregion
export { Badge, type BadgeProps };