<script lang="ts">
    import Icon from 'mdi-svelte';

    export let icon;
    export let text: string | undefined = undefined;
</script>

<button class="bg-gray-700 hover:bg-gray-800 text-slate-400 font-bold py-2 px-2 rounded inline-flex items-center" on:click>
    <Icon path={icon} class="text-slate-400 w-4" />
    {#if text !== undefined}
        <span class="ml-2 mr-2">{text}</span>
    {/if}
</button>
