import { Decorator } from '@storybook/vue3-vite';
import { DefineComponent } from 'vue';
export type DefineIconSelectArgTypeOptions = {
    /**
     * Whether the icon property is required. If optional, a "none" option will be displayed at the top.
     */
    required?: boolean;
};
/**
 * Defines the control for a Storybook argType to be a select/dropdown of
 * all available onyx icons.
 *
 * @example
 * ```ts
 * {
 *   argTypes: {
 *     icon: defineIconSelectArgType(),
 *   }
 * }
 * ```
 */
export declare const defineIconSelectArgType: (options?: DefineIconSelectArgTypeOptions) => {
    options: string[];
    control: {
        type: "select";
        labels: Record<string, string>;
    };
};
/**
 * Storybook decorator that wraps the story with a <div> that sets the text color
 * to neutral intense.
 * Useful if the component uses "currentColor" in its CSS.
 */
export declare const textColorDecorator: Decorator;
/**
 * Utility for creating a Storybook example/story where the example uses a dedicated .vue file (useful for advanced examples).
 * The example must be put inside e.g. "src/components/{componentName}/examples/{exampleName}".
 *
 * Make sure to import all onyx components, types etc. from the index file "../../../" so its replaced correctly in the code snippet.
 *
 * **Note** The "Controls" and "Actions" panel/tab will be disabled for this story since they will probably be mostly unusable due to the custom example.
 */
export declare function createAdvancedStoryExample(componentName: string, exampleName: string): {
    render: (args: {}) => {
        components: {
            Component: DefineComponent;
        };
        setup: () => {
            args: {};
        };
        template: string;
    };
    parameters: {
        docs: {
            source: {
                code: string;
            };
        };
        controls: {
            disable: boolean;
        };
        actions: {
            disable: boolean;
        };
    };
};