/**
 * @license MIT
 * author: Cube Dev Team
 * @cube-dev/ui-kit v0.0.0-canary-127afd4
 * Released under the MIT license.
 */

import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Layout } from '../../components/content/Layout/index.js';
export function PlaygroundLayout({ toolbar, editor, preview, output, }) {
    return (_jsxs(Layout, { height: "100vh", children: [_jsx(Layout.Toolbar, { children: toolbar }), _jsx(Layout.Panel, { isResizable: true, side: "bottom", defaultSize: 250, minSize: 150, maxSize: 400, contentPadding: 0, sizeStorageKey: "tasty-playground-output-size", children: output }), preview ? (_jsxs(Layout, { children: [_jsx(Layout.Panel, { isResizable: true, side: "left", defaultSize: 450, minSize: 300, maxSize: 700, contentPadding: 0, sizeStorageKey: "tasty-playground-editor-size", children: editor }), _jsx(Layout.Content, { padding: 0, children: preview })] })) : (
            /* No preview - editor takes full width */
            _jsx(Layout.Content, { padding: 0, children: editor }))] }));
}

        