@kadconsulting/dry/dist/src/internal/components/Storybook/ThemeAwareStory.d.ts

KAD Reusable Component Library

import { type FC, type ReactNode, type HTMLAttributes } from 'react';
import type { Theme } from 'types/Theme';
export type ThemeAwareStoryProps = HTMLAttributes<HTMLElement> & {
    /** The id field to be given to the Story by Storybook, exposed by the second argument of Story.render */
    id: string;
    /** The Story content */
    children: ReactNode | ReactNode[];
    /** The background color you'd like to use to style the Story */
    backgroundColor?: keyof Theme['palette'];
};
/**
 * INTERNAL USE ONLY
 *
 * Allows for a configurable background color in Storybook, based on the theme.
 */
export declare const ThemeAwareStory: FC<ThemeAwareStoryProps>;