import type { MouseEvent, ReactNode } from 'react';
import React from 'react';
type ChipType = 'default' | 'success' | 'error';
interface Props {
    /**
     * Unique ID for the component
     */
    id?: string;
    /**
     * Allows to change the color styling of component, depending on the passed type
     *
     * @param {ChipType} default Uses default color: `theme.color.line.L01`
     * @param {ChipType} success Uses `theme.color.notification.success` color for styling
     * @param {ChipType} error Uses `theme.color.notification.error` color for styling
     *
     * @default 'default'
     */
    type?: ChipType;
    /**
     * Content of the component
     */
    children?: ReactNode;
    /**
     * On component click callback
     */
    onClick?: (e: MouseEvent<HTMLElement>) => void;
    /**
     * Allows to pass a custom className
     */
    className?: string;
    /**
     * Allows to pass testid string for testing purposes
     */
    'data-testid'?: string;
    /**
     * Allows to pass an accessible label for the component.
     */
    ariaLabel?: string;
    /**
     * Provides additional information about the Chip not included in the aria-label.
     * This attribute should reference the ID of a related text element for context.
     */
    ariaDescribedBy?: string;
}
declare const Chip: ({ type, "data-testid": dataTestId, ...props }: Props) => React.JSX.Element;
/** @component */
export default Chip;