@patreon/studio
Version:
Patreon Studio Design System
24 lines (23 loc) • 1.05 kB
TypeScript
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 {};