/** @jsxImportSource react */
import React from "react";
/**
 * Wrapper component to render Hono JSX components in Storybook
 * This takes the already-rendered HTML string from a Hono component
 * and hydrates client-side functionality
 */
export declare function HonoJSXWrapper({ html }: {
    html: string;
}): React.DetailedReactHTMLElement<{
    dangerouslySetInnerHTML: {
        __html: string;
    };
    className: string;
}, HTMLElement>;
/**
 * Helper function to render a Hono component to HTML
 * Use this in your stories to convert Hono JSX to HTML before passing to React
 */
export declare function renderHonoComponent<T>(Component: (props: T) => any, props: T): string;
/**
 * Extract body content from a full HTML document
 * This is useful for rendering full-page components (like AuthLayout) in Storybook
 */
export declare function extractBodyContent(html: string): string;
/**
 * Wrapper for rendering full HTML documents in Storybook
 * Extracts just the body content to display in the Storybook iframe
 * Uses display:contents to make the wrapper transparent to layout,
 * allowing the inner flex container to work properly
 * Also hydrates client-side functionality like password toggles
 */
export declare function HonoFullPageWrapper({ html }: {
    html: string;
}): React.DetailedReactHTMLElement<{
    dangerouslySetInnerHTML: {
        __html: string;
    };
    className: string;
    style: {
        display: "contents";
    };
}, HTMLElement>;
