<script>import Navbar from '../atoms/Navbar.svelte';
import TieredMenu from './TieredMenu.svelte';
export let items = [];
</script>

<Navbar class={$$props.class}>
	{#if $$slots.start}
		<div class="start">
			<slot name="start" />
		</div>
	{/if}
	<TieredMenu horizontal {items} />
	{#if $$slots.end}
		<div class="end">
			<slot name="end" />
		</div>
	{/if}
</Navbar>

<style>.start {
  margin-left: 10px;
  margin-right: 10px;
}

.end {
  margin-left: auto;
  align-self: center;
}</style>
