import { CLIconNames, CLSizes, CLBorderRadius, CLColors } from '../../../index.ts';
export interface CLInputSuffixProps {
    /** Sets the aria-label for the suffix when it's interactive. */
    ariaLabel?: string;
    /** The border radius size to apply to the suffix */
    borderRadius?: CLBorderRadius;
    /** Sets the color of the suffix icon. The property can be one of `CLColors`, e.g. `CLColors.Primary`. */
    color?: CLColors;
    /** Set the disabled state. */
    disabled?: boolean;
    /** Whether input is grouped */
    grouped?: boolean;
    /** A callback function which handles when the suffix is clicked. */
    onClick?: (event?: MouseEvent) => void;
    /** The suffix content - icon name or text string */
    suffix: string | CLIconNames;
    /** Size for icon rendering */
    size?: CLSizes;
    /** Test ID for testing purposes */
    testId?: string;
}
declare const _default: import('vue').DefineComponent<CLInputSuffixProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLInputSuffixProps> & Readonly<{}>, {
    size: CLSizes;
    color: CLColors;
    testId: string;
    onClick: (event?: MouseEvent) => void;
    borderRadius: CLBorderRadius;
    ariaLabel: string;
    disabled: boolean;
    grouped: boolean;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
export default _default;