"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.ContainerStackStories = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const FormConfiguration_1 = require("../FormConfiguration");
const FormRuntime_1 = require("../FormRuntime");
const TextFormControl_1 = require("../Controls/Web/TextFormControl");
const XStackContainer_1 = require("./XStackContainer");
const FormDesignConstants_1 = require("../Utilities/FormDesignConstants");
const DefaultOnOff_1 = require("../Utilities/DefaultOnOff");
const StoryData_1 = require("../../CommonUI/StoryBook/StoryData");
function getUI() {
    let ui = new FormConfiguration_1.FormConfiguration();
    let stackContainer = new XStackContainer_1.XStackContainer();
    // show border so we can see
    stackContainer.overrideFormBorderSettings = DefaultOnOff_1.DefaultOnOff.On;
    stackContainer.add(new TextFormControl_1.TextFormControl());
    stackContainer.add(new TextFormControl_1.TextFormControl());
    stackContainer.add(new TextFormControl_1.TextFormControl());
    ui.add(stackContainer);
    return { form: ui, container: stackContainer };
}
exports.ContainerStackStories = [
    new StoryData_1.StoryNode(() => {
        let ui = getUI();
        return (0, jsx_runtime_1.jsx)(FormRuntime_1.FormRuntime, { form: ui.form });
    }, "Form Designer", "Containers", "Stack Container", "Control Stack"),
    new StoryData_1.StoryNode(() => {
        let ui = getUI();
        ui.container.containerBorderColor = "red";
        ui.container.containerBorderRadius = 50;
        ui.container.containerBorderStyle = FormDesignConstants_1.BorderStyle.Dashed;
        ui.container.containerBorderWidth = 10;
        return (0, jsx_runtime_1.jsx)(FormRuntime_1.FormRuntime, { form: ui.form });
    }, "Form Designer", "Containers", "Stack Container", "Override Border"),
    new StoryData_1.StoryNode(() => {
        let ui = getUI();
        ui.container.containerBackgroundColor = "blue";
        return (0, jsx_runtime_1.jsx)(FormRuntime_1.FormRuntime, { form: ui.form });
    }, "Form Designer", "Containers", "Stack Container", "Override Color"),
    new StoryData_1.StoryNode(() => {
        let ui = getUI();
        ui.container.interControlSpacing = 30;
        ui.container.innerMargin = 30;
        return (0, jsx_runtime_1.jsx)(FormRuntime_1.FormRuntime, { form: ui.form });
    }, "Form Designer", "Containers", "Stack Container", "Override Spacing"),
    new StoryData_1.StoryNode(() => {
        let form = new FormConfiguration_1.FormConfiguration();
        form.defaultShowContainerBorder = true;
        return (0, jsx_runtime_1.jsx)(FormRuntime_1.FormRuntime, { form: form });
    }, "Form Designer", "Containers", "Stack Container", "Placeholder In Runtime"),
];
//# sourceMappingURL=XStackContainer-stories.js.map