import type { StoryFn } from '@storybook/react';
import React from 'react';
import type { TokenColorMode } from '~/types/token-modes';
/**
 * Uses `@testing-library/react` to render components with the theme.
 */
export declare const renderWithTheme: (children: React.ReactElement, config?: {
    tokenColorMode?: TokenColorMode;
}) => import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;
interface State {
    isOpen: boolean;
    setIsOpen: (isOpen: boolean) => void;
    selectedItem: number;
    setSelectedItem: (selectedItem: number) => void;
}
/**
 * The `happoCompatibleState` function is a utility for creating stories
 * that are compatible with both Storybook and Happo. This papers over the
 * differences between the two environments by providing a consistent API
 * for managing basic state.
 */
export declare function happoCompatibleState(story: (state: State) => React.ReactElement, initialState?: Pick<State, 'isOpen' | 'selectedItem'>): StoryFn;
export {};