---
source: crates/guiduck-component-core/tests/snapshots_test.rs
assertion_line: 108
expression: "compile_or_render_errors(source, \"EchoForm.gdc\")"
---
Ir {
    name: "EchoForm",
    records: [],
    props: [],
    outputs: [
        IrOutput {
            name: "changed",
            ty: String,
        },
    ],
    states: [
        IrState {
            name: "current",
            ty: ValueTy {
                kind: Scalar(
                    String,
                ),
                list: false,
            },
            init: Str(
                "",
            ),
        },
    ],
    handlers: [
        IrHandler {
            name: "edited",
            payloads: [
                String,
            ],
            returns: None,
        },
    ],
    nodes: [
        IrNode {
            widget: Widget(
                IrWidgetNode {
                    name: "container",
                    type_path: "::guiduck::core::Container",
                    props: [],
                    events: [],
                    queries: [],
                },
            ),
            classes: [],
            style: StyleIr {
                width: None,
                height: None,
                padding: Some(
                    16.0,
                ),
                gap: Some(
                    12.0,
                ),
                direction: Some(
                    Column,
                ),
                align_items: Some(
                    Start,
                ),
                justify_content: None,
                align_self: None,
                grow: None,
                shrink: None,
                basis: None,
            },
            events: [],
            autofocus: false,
            enabled: None,
            focused: None,
            tooltip: None,
            accel: None,
            component_props: [],
            component_outputs: [],
            component_key: None,
            control: None,
            children: [
                1,
                2,
            ],
        },
        IrNode {
            widget: Widget(
                IrWidgetNode {
                    name: "text-input",
                    type_path: "::guiduck::core::TextInput",
                    props: [
                        IrWidgetProp {
                            name: "font-size",
                            setter: "set_font_size",
                            ty: Scalar(
                                F32,
                            ),
                            value: Static(
                                Float(
                                    14.0,
                                ),
                            ),
                        },
                        IrWidgetProp {
                            name: "font-family",
                            setter: "set_family",
                            ty: Scalar(
                                String,
                            ),
                            value: Static(
                                Str(
                                    "DejaVu Sans",
                                ),
                            ),
                        },
                    ],
                    events: [],
                    queries: [],
                },
            ),
            classes: [],
            style: StyleIr {
                width: Some(
                    Px(
                        260.0,
                    ),
                ),
                height: None,
                padding: None,
                gap: None,
                direction: None,
                align_items: None,
                justify_content: None,
                align_self: None,
                grow: None,
                shrink: None,
                basis: None,
            },
            events: [
                IrEvent {
                    event: Changed,
                    handler: "edited",
                    args: [],
                },
            ],
            autofocus: true,
            enabled: None,
            focused: None,
            tooltip: None,
            accel: None,
            component_props: [],
            component_outputs: [],
            component_key: None,
            control: None,
            children: [],
        },
        IrNode {
            widget: Widget(
                IrWidgetNode {
                    name: "text",
                    type_path: "::guiduck::core::Text",
                    props: [
                        IrWidgetProp {
                            name: "font-size",
                            setter: "set_font_size",
                            ty: Scalar(
                                F32,
                            ),
                            value: Static(
                                Float(
                                    14.0,
                                ),
                            ),
                        },
                        IrWidgetProp {
                            name: "text",
                            setter: "set_text",
                            ty: RichText,
                            value: Binding(
                                Str(
                                    Template {
                                        segments: [
                                            Literal(
                                                "You typed: ",
                                            ),
                                            Ref(
                                                "current",
                                                Span {
                                                    start: 345,
                                                    end: 352,
                                                },
                                            ),
                                        ],
                                    },
                                    Span {
                                        start: 332,
                                        end: 354,
                                    },
                                ),
                            ),
                        },
                    ],
                    events: [],
                    queries: [],
                },
            ),
            classes: [],
            style: StyleIr {
                width: None,
                height: None,
                padding: None,
                gap: None,
                direction: None,
                align_items: None,
                justify_content: None,
                align_self: None,
                grow: None,
                shrink: None,
                basis: None,
            },
            events: [],
            autofocus: false,
            enabled: None,
            focused: None,
            tooltip: None,
            accel: None,
            component_props: [],
            component_outputs: [],
            component_key: None,
            control: None,
            children: [],
        },
    ],
}