import { Component, VNode } from 'vue';
import { Cmp, Meta } from './types';
import { default as StoryComponent } from './runtime/Story.vue';
import { default as StoryRendererComponent } from './runtime/StoryRenderer.vue';
export type { StoryContext } from './types';
export { StoryRendererComponent as StoryRenderer };
export type { Cmp, Meta, StoriesRepository, StoryAnnotations, TemplateRenderFn, } from './types';
export { createReusableTemplate } from '@vueuse/core';
/**
 * Define metadata for a stories file
 *
 * @param _meta - Storybook meta configuration
 * @returns Object containing the Story component
 */
export declare function defineMeta<_TCmp extends Cmp>(_meta: Meta): {
    Story: typeof StoryComponent;
};
/**
 * Infer args type from Story component
 */
export type Args<TStoryCmp> = TStoryCmp extends typeof StoryComponent ? Record<string, unknown> : never;
/**
 * Create a render function for use with defineMeta's render option
 *
 * This helper creates a render function that renders a VueUse ReuseTemplate component.
 * Use this with createReusableTemplate to define a default template for all stories.
 *
 * @example
 * ```vue
 * <script lang="ts">
 * import { createReusableTemplate, createRenderTemplate } from 'sb-addon-vue-csf';
 * import Button from './Button.vue';
 *
 * const [DefineTemplate, ReuseTemplate] = createReusableTemplate();
 * export const defaultTemplate = createRenderTemplate(ReuseTemplate);
 * </script>
 *
 * <script setup>
 * const { Story } = defineMeta({
 *   title: 'Example/Button',
 *   component: Button,
 *   render: defaultTemplate,
 * });
 * </script>
 *
 * <template>
 *   <DefineTemplate v-slot="{ args }">
 *     <div class="wrapper">
 *       <Button v-bind="args" />
 *     </div>
 *   </DefineTemplate>
 *
 *   <Story name="Primary" :args="{ primary: true }" />
 * </template>
 * ```
 */
export declare function createRenderTemplate<TArgs = Record<string, unknown>>(reuseTemplate: Component): (args: TArgs) => VNode;
//# sourceMappingURL=index.d.ts.map