<script>import Navbar from '../atoms/Navbar.svelte';
import TieredMenu from './TieredMenu.svelte';
import { TThemeColor } from "../../interfaces/TThemeColor";
export let items = [];
export let isMenu = true;
export let isFixed = true;
export let theme = 'white';
</script>

<Navbar {isMenu} {isFixed} {theme} 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>
