import { Metrics } from "theme.slint";
import { Button } from "std-widgets.slint";
import { HorizontalSeparator } from "widgets/separator.slint";

component ToolBarItem inherits Rectangle {
    width: Metrics.size-lg;
    height: Metrics.size-lg;
    border-color: black;
    border-width: 1px;
    border-radius: Metrics.radius-md;
}

export component ToolBar inherits Rectangle {
    width: Metrics.size-xl;
    border-color: black;
    border-width: 1px;

    VerticalLayout {
        alignment: start;
        padding: Metrics.padding-md;
        spacing: Metrics.padding-md;

        Button {
            checkable: true;
        }

        ToolBarItem { }

        ToolBarItem { }

        ToolBarItem { }

        ToolBarItem { }

        HorizontalSeparator { }

        ToolBarItem { }

        ToolBarItem { }

        ToolBarItem { }

        ToolBarItem { }

        ToolBarItem { }

        ToolBarItem { }

        HorizontalSeparator { }

        ToolBarItem { }

        ToolBarItem { }

        ToolBarItem { }
    }
}