<script lang="ts">
    import { navigate } from "svelte-routing"

    export let path: string
</script>

<button class="more" on:click="{() => navigate(path)}"> mehr </button>

<style lang="less">
    @import "../../assets/css/main.less";
    .more {
        background-color: @bg-color-secondary;
        color: @font-color-secondary;
        border: none;
        height: 36px;
        padding: 2px 15px;
        font-size: 14px;
        font-weight: bold;
        cursor: pointer;
    }
</style>
