<script>
    import { HashIcon } from "svelte-feather-icons";

    export let channel;
</script>

<style>
    .channel-heading {
        margin-left: var(--space-xxs);
    }
</style>

<div class="top-bar">
    <HashIcon />
    <span class="h5 channel-heading">{ channel.name }</span>
</div>
