import { VerticalBox, LineEdit, Button, ComboBox } from "std-widgets.slint";
import { Timeline } from "timeline.slint";

export component RecordWidget inherits VerticalBox {
    Timeline {
        updating: true;
    }
    GridLayout {
        spacing-vertical: 8px;
        spacing-horizontal: 16px;
        LineEdit {
            placeholder-text: "Event name";
            text: "Event name";
            font-size: 24px;
            horizontal-alignment: center;
            colspan: 2;
            row: 0;
        }
        Button {
            text: "Start";
            colspan: 2;
            row: 1;
        }
        Text {
            text: "Span:";
            font-size: 24px;
            row: 2;
            horizontal-alignment: right;
        }
        ComboBox {
            model: ["1 Hour", "4 Hours", "8 Hours", "24 Hours"];
            current-index: 0;
            row: 2;
            col: 1;
        }
    }
}