import { type MaybeRefOrGetter } from 'vue';
import type { AvatarProps, IconComponent } from '../types';
export interface UseComponentIconsProps {
    /**
     * Display an icon on the left side.
     * @defaultValue icons.loading
     * @IconComponent
     */
    icon?: IconComponent;
    /** Display an avatar on the left side. */
    avatar?: AvatarProps;
    /** When `true`, the loading icon will be displayed. */
    loading?: boolean;
    /** When `true`, the icon will be displayed on the right side. */
    trailing?: boolean;
    /**
     * Display an icon on the right side.
     * @IconComponent
     */
    trailingIcon?: IconComponent;
}
export declare function useComponentIcons(componentProps: MaybeRefOrGetter<UseComponentIconsProps>): {
    isLeading: import("vue").ComputedRef<true | AvatarProps | undefined>;
    isTrailing: import("vue").ComputedRef<boolean>;
    leadingIconName: import("vue").ComputedRef<import("vue").FunctionalComponent<import("vue").HTMLAttributes & import("vue").VNodeProps, {}, any, {}> | undefined>;
    trailingIconName: import("vue").ComputedRef<import("vue").FunctionalComponent<import("vue").HTMLAttributes & import("vue").VNodeProps, {}, any, {}> | undefined>;
};