// Copyright © SixtyFPS GmbH <info@slint.dev>
// SPDX-License-Identifier: MIT

import { Theme } from "../theme.slint";

export component GroupBox {
    in property <string> title <=> i-title.text;
    in property <length> spacing;

    layout := VerticalLayout {
        spacing: Theme.spaces.medium;

        i-title := Text {
            horizontal-alignment: left;
            color: Theme.palette.white;
            font-size: Theme.typo.header.size;
            font-weight: Theme.typo.header.weight;
        }

        i-layout := HorizontalLayout {
            spacing: root.spacing;

            @children
        }
    }
}