import { Metrics, DarkPalette } from "../theme.slint";
import { VerticalBox } from "layout.slint";

export component Panel inherits VerticalBox {
    in property <string> p-title: "Title";
    in property <TextHorizontalAlignment> p-title-alignment: left;

    c-title := Text {
        height: Metrics.size-md;
        color: DarkPalette.text[4];
        font-size: Metrics.font-md;
        text: p-title;
        vertical-alignment: center;
        horizontal-alignment: p-title-alignment;
    }

    @children
}