import { Metrics, DarkPalette } from "theme.slint";
import { Button } from "std-widgets.slint";
import { HorizontalSeparator } from "widgets/separator.slint";
import { Box, VerticalBox } from "widgets/layout.slint";

component ToolBarItem inherits Box {
    width: Metrics.size-lg;
    height: Metrics.size-lg;
    j-elevation: 2;
}

export component ToolBar inherits VerticalBox {
    width: Metrics.size-xl;
    j-alignment: start;

    Button {
        checkable: true;
    }

    ToolBarItem { }

    ToolBarItem { }

    ToolBarItem { }

    ToolBarItem { }

    HorizontalSeparator { }

    ToolBarItem { }

    ToolBarItem { }

    ToolBarItem { }

    ToolBarItem { }

    ToolBarItem { }

    ToolBarItem { }

    HorizontalSeparator { }

    ToolBarItem { }

    ToolBarItem { }

    ToolBarItem { }
}