storybook-addon-playground/dist/components/Addons/Tool.js

A playground to enable consumers learn how to use the component library or to reproduce bugs

import React__default, { memo, useCallback } from 'react';
import { useStorybookApi } from '@storybook/manager-api';
import { IconButton } from '@storybook/components';
import styles from './Tool.module.css.js';
import '@codemirror/commands';
import 'prettier';
import 'prettier/parser-html';
import 'prettier/parser-typescript';
import 'prettier/parser-postcss';
import 'lz-string';
import usePlaygroundState from '../../hooks/usePlaygroundState.js';
import '@storybook/preview-api';
import '@uiw/codemirror-theme-github';
import SvgBeaker from '../../icons/Beaker.js';

const Tool = () => {
    const { selectStory } = useStorybookApi();
    const { playgroundStoryId } = usePlaygroundState();
    const selectPlaygroundStory = useCallback(() => {
        selectStory(playgroundStoryId);
    }, [selectStory, playgroundStoryId]);
    return (React__default.createElement(IconButton, { placeholder: "Show playground view", title: "Show playground view", onClick: selectPlaygroundStory, className: styles.tool },
        React__default.createElement(SvgBeaker, null)));
};
var Tool$1 = memo(Tool);

export { Tool$1 as default };
//# sourceMappingURL=Tool.js.map