<script setup lang="ts">
import { Search } from 'lucide-vue-next';
</script>

<template>
    <div class="flex items-center justify-center w-full p-4 gap-8 border-b">
        <div>
            <NuxtImg src="logo.jpg" width="48" height="48" />
        </div>
        <div>
            <Button variant="ghost">
                Home
            </Button>
            <Button variant="ghost">
                Social
            </Button>
            <Button variant="ghost">
                Forum
            </Button>
        </div>
        <div>
            <InputGroup>
                <InputGroupInput placeholder="Search..." />
                <InputGroupAddon>
                    <Search />
                </InputGroupAddon>
            </InputGroup>
        </div>
    </div>
</template>
