import React from "react";
import { PartialColorProps } from "../theme";
export interface ChipProps extends PartialColorProps, Omit<React.ComponentPropsWithoutRef<"span">, "color"> {
    children: React.ReactNode;
    /**
     * Iconとして入れる要素を指定します。
     *
     * @default null
     */
    icon?: React.ReactNode;
    /**
     * 右側にIconとして入れる要素を指定します。
     *
     * @default null
     */
    endIcon?: React.ReactNode;
    /**
     * 大きさを指定します。
     *
     * @default "small"
     */
    size?: "small" | "medium";
    /**
     * 削除されました。
     */
    variant?: string;
    /**
     * 角を丸くします。
     */
    rounded?: boolean;
    /**
     * ホバー時にツールチップのような見た目で指定された文字列を表示します。
     * このようなコンポーネントでは文字数をあまり長くできないのでユーザーに不親切になりがちなので、
     * なるべく指定してユーザーを手助けしてください。
     * titleが指定された場合、cursorがhelpに変更されます。
     * Tooltipコンポーネントを利用するよりこちらの利用を優先するべきです。
     */
    title?: string;
    style?: React.CSSProperties;
    className?: string;
}
export declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLSpanElement>>;