"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.LineControlStories = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const FormConfiguration_1 = require("../../FormConfiguration");
const FormRuntime_1 = require("../../FormRuntime");
const LineFormControl_1 = require("../Web/LineFormControl");
const Containers_1 = require("../../Containers");
const StoryData_1 = require("../../../CommonUI/StoryBook/StoryData");
function getUI() {
    let ui = new FormConfiguration_1.FormConfiguration();
    let container = new Containers_1.XStackContainer();
    const line = new LineFormControl_1.LineFormControl();
    container.add(line);
    ui.add(container);
    return { form: ui, control: line };
}
exports.LineControlStories = [
    new StoryData_1.StoryNode(() => {
        let ui = getUI();
        return (0, jsx_runtime_1.jsx)(FormRuntime_1.FormRuntime, { form: ui.form });
    }, "Form Designer", "Controls", "Line Control", "Default"),
    new StoryData_1.StoryNode(() => {
        let ui = getUI();
        ui.control.color = "rgba(64, 80, 166, 0.7)";
        return (0, jsx_runtime_1.jsx)(FormRuntime_1.FormRuntime, { form: ui.form });
    }, "Form Designer", "Controls", "Line Control", "Colored"),
    new StoryData_1.StoryNode(() => {
        let ui = getUI();
        ui.control.color = "rgba(64, 80, 166, 0.7)";
        ui.control.height = 20;
        return (0, jsx_runtime_1.jsx)(FormRuntime_1.FormRuntime, { form: ui.form });
    }, "Form Designer", "Controls", "Line Control", "With Height"),
    new StoryData_1.StoryNode(() => {
        let ui = getUI();
        ui.control.color = "rgba(64, 80, 166, 0.7)";
        ui.control.width = 200;
        ui.control.fullWidth = false;
        return (0, jsx_runtime_1.jsx)(FormRuntime_1.FormRuntime, { form: ui.form });
    }, "Form Designer", "Controls", "Line Control", "With Width"),
    new StoryData_1.StoryNode(() => {
        let ui = getUI();
        ui.control.color = "rgba(64, 80, 166, 0.7)";
        ui.control.borderRadius = 5;
        ui.control.height = 10;
        return (0, jsx_runtime_1.jsx)(FormRuntime_1.FormRuntime, { form: ui.form });
    }, "Form Designer", "Controls", "Line Control", "With Border Radius"),
    new StoryData_1.StoryNode(() => {
        let ui = getUI();
        ui.control.color = "rgba(64, 80, 166, 0.7)";
        ui.control.marginY = 30;
        return (0, jsx_runtime_1.jsx)(FormRuntime_1.FormRuntime, { form: ui.form });
    }, "Form Designer", "Controls", "Line Control", "With Margin"),
];
//# sourceMappingURL=XLineControl-stories.js.map