// SPDX-FileCopyrightText: 2024 vivi developers <vivi-ui@tuta.io>
// SPDX-License-Identifier: MIT

import { FormElementBase } from "../foundation.slint";
import { MagicFontSettings, MagicLayoutSettings } from "./styling.slint";
import { MagicText } from "./magic_text.slint";

export component FormElement inherits FormElementBase {
    style: {
        title_style: MagicFontSettings.body_strong,
    };

    VerticalLayout {
        alignment: start;
        spacing: MagicLayoutSettings.control_spacing;

        MagicText {
            text: root.title;
            style: root.title_style;
            horizontal_alignment: root.style.title_horizontal_alignment;
            vertical_stretch: 0;
            overflow: clip;
        }

        @children
    }
}