
"use client";
import { UniversalChipProps } from "../../../tokens/types.js";
import { ChipBaseProps } from "./ChipBase.js";
import React from "react";

//#region src/components/client/Chip/Chip.d.ts
type HtmlDivProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'onToggle' | 'label'>;
interface ChipProps extends UniversalChipProps, HtmlDivProps {
  slotProps?: ChipBaseProps['slotProps'] & {
    anchor?: Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'type'>;
  };
}
/**
 * **⚙️️ A chip.
 *
 * @componentType Client component
 *
 * @description
 * Chips help people make selections, filter content, link out to other spaces or trigger actions. These actions are contextually driven and are not persistent across the product experiences differing them from buttons.
 *
 * @see
 * Check out the {@link https://uds.build/docs/components/chip Chip Docs} for more info
 *
 * @example
 * ```tsx
 * 'use client';
 * import { Chip } from "@yahoo/uds";
 *
 * <Chip>Label</Chip>
 *```
 *
 * @related [Badge](https://uds.build/docs/components/badge), [Link](https://uds.build/docs/components/link).
 **/
declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLDivElement>>;
//#endregion
export { Chip, type ChipProps };