start adding global toolbar

packages/core/lib/components/BlockPicker.tsx

@@ -42,7 +42,7 @@ export const SbBlockPicker = defineComponent({
             open.value = true;
             $event.stopPropagation();
           }}
-        >Add a block</SbButton>
+        >+</SbButton>
         <SbModal
           open={open.value}
           onClick={($event: MouseEvent) => $event.stopPropagation()}

packages/core/lib/components/BlockToolbar.tsx

@@ -0,0 +1,28 @@
+import {
+  defineComponent,
+  PropType,
+} from 'vue';
+import { Block } from '../blocks';
+
+import './BlockToolbar.scss';
+
+interface BlockToolbarProps {
+  block: Block;
+}
+
+export const SbBlockToolbar = defineComponent({
+  name: 'sb-block-toolbar',
+
+  props: {
+    block: {
+      type: (null as unknown) as PropType<Block>,
+      required: true,
+    },
+  },
+
+  setup(props: BlockToolbarProps, context) {
+    return () => (
+      <div class="sb-block-toolbar"></div>
+    );
+  },
+});

packages/core/lib/components/Schlechtenburg.tsx

@@ -20,6 +20,7 @@ import { EditorDimensions, useResizeObserver } from '../use-resize-observer';
 import { ActiveBlock } from '../use-activation';
 
 import { SbMainMenu } from './MainMenu';
+import { SbBlockToolbar } from './BlockToolbar';
 import { SbBlock } from './Block';
 
 import './Schlechtenburg.scss';
@@ -80,7 +81,10 @@ export const Schlechtenburg = defineComponent({
       >
         {
           mode.value === SbMode.Edit
-          ? <SbMainMenu block={props.block} />
+          ? <>
+            <SbMainMenu block={props.block} />
+            <SbBlockToolbar block={props.block} />
+          </>
           : null
         }
         <SbBlock