import { Component } from 'vue';
/**
 * Creates a mock icon component for testing.
 * Uses `markRaw` to prevent Vue from making it reactive.
 * @param testId - The data-testid attribute value for the icon
 * @returns A Vue component that renders an SVG with the specified testId
 * @example
 * ```ts
 * import { createMockIcon } from '@/__tests__/test-utils';
 *
 * const MockIcon = createMockIcon('my-icon');
 *
 * render(UiButton, {
 *   props: { startIcon: MockIcon },
 *   slots: { default: 'Button' },
 * });
 *
 * expect(getByTestId('my-icon')).toBeInTheDocument();
 * ```
 */
export declare function createMockIcon(testId?: string): Component;
/**
 * A pre-configured mock icon component with data-testid="mock-icon".
 * Uses `markRaw` to prevent Vue from making it reactive.
 * @example
 * ```ts
 * import { MockIcon } from '@/__tests__/test-utils';
 *
 * render(UiButton, {
 *   props: { startIcon: MockIcon },
 *   slots: { default: 'Button' },
 * });
 *
 * expect(getByTestId('mock-icon')).toBeInTheDocument();
 * ```
 */
export declare const MockIcon: Component;
