import { FC } from 'react';
import { Story } from '@component-controls/core';
import { PanelContainerProps } from '@component-controls/components';
import { StoryBlockContainerProps } from '../BlockContainer';
export declare const NAME = "playground";
export interface PlaygroundOwnProps {
    /**
     * default scale for the zoom feature. If scale is set to 0, the zoom feature will be disabled.
     */
    scale?: number;
    /**
     * playground source option - valid when a Story is not embedded inside the Playground.
     */
    source?: string;
    /**
     * whether to use the dark theme for the story source component.
     */
    dark?: boolean;
}
export declare type PlaygroundProps = PlaygroundOwnProps & StoryBlockContainerProps & PanelContainerProps;
export declare type BasePlaygroundProps = PlaygroundProps & {
    story?: Story;
    isDark?: boolean;
    wrapper?: boolean;
};
export declare const BasePlayground: FC<BasePlaygroundProps>;