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

component ToolBarItem inherits Button {
    width: Metrics.size-lg;
    height: Metrics.size-lg;
    p-elevation: 0;
}

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

    ToolBarItem {
        p-text: "s";
    }

    ToolBarItem {
        p-text: "m";
    }

    ToolBarItem {
        p-text: "r";
    }

    ToolBarItem {
        p-text: "s";
    }

    HorizontalSeparator { }

    ToolBarItem {
        p-text: "b";
    }

    ToolBarItem {
        p-text: "o";
    }

    ToolBarItem {
        p-text: "f";
    }

    ToolBarItem {
        p-text: "r";
    }

    ToolBarItem {
        p-text: "l";
    }

    ToolBarItem {
        p-text: "a";
    }

    HorizontalSeparator { }

    ToolBarItem {
        p-text: "t";
    }

    ToolBarItem {
        p-text: "t";
    }

    ToolBarItem {
        p-text: "m";
    }
}