import React from 'react';
import { TemplateType } from '../../templates';
import { Sandbox } from '../../types';
export type SandboxType = {
    id: string;
};
export type SingleSandboxProps = {
    sandbox: Sandbox;
};
export type MultipleSandboxProps = {
    featuredSandboxes: {
        title: string;
        description: string;
        sandboxId: string;
        template: TemplateType;
    }[];
    sandboxId: string;
};
export type FeaturedSandboxProps = (SingleSandboxProps & MultipleSandboxProps) & {
    title: string;
    description: string;
    height?: number;
    pickSandbox: (args: {
        id: string;
        title: string;
        description: string;
        screenshotUrl: string;
    }) => void;
};
export type FeaturedSandboxState = {
    sandbox: Sandbox | undefined;
    showPreview: boolean;
};
export default class FeaturedSandbox extends React.PureComponent<FeaturedSandboxProps, FeaturedSandboxState> {
    state: FeaturedSandboxState;
    fetchedSandboxes: {};
    fetchSandbox: (id: string) => Promise<any>;
    setUpPreview: () => void;
    componentDidMount(): void;
    fetchAllFeaturedSandboxes: () => void;
    UNSAFE_componentWillReceiveProps(nextProps: FeaturedSandboxProps): Promise<void>;
    toggleOpen: () => void;
    render(): JSX.Element;
}