import { jsx as _jsx } from "react/jsx-runtime";
import { ResizableSplit } from './resizable-split.js';
const meta = {
    title: 'ApplicationPage/ResizableSplit',
    component: ResizableSplit,
    parameters: { layout: 'fullscreen' },
    decorators: [
        (Story) => (_jsx("div", { className: "h-dvh w-full", children: _jsx(Story, {}) })),
    ],
};
export default meta;
export const Default = {
    args: {
        left: _jsx("div", { className: "bg-muted flex h-full items-center justify-center", children: "Left" }),
        right: _jsx("div", { className: "bg-background flex h-full items-center justify-center", children: "Right" }),
    },
};
export const RichContent = {
    args: {
        left: _jsx("div", { className: "bg-muted flex h-full items-center justify-center p-4", children: "Chat pane" }),
        right: (_jsx("div", { className: "bg-background flex h-full items-center justify-center p-4", children: "View pane" })),
    },
};
