<script setup lang="ts">
import { FloatingDock } from '@/components/ui/floating-dock'
import {
Home, Terminal, LayoutGrid, Settings
} from 'lucide-vue-next'
const items = [
{ title: 'Home', icon: Home, href: '#' },
{ title: 'Terminal', icon: Terminal, href: '#' },
{ title: 'Components', icon: LayoutGrid, href: '#' },
{ title: 'Settings', icon: Settings, href: '#' },
]
</script>
<template>
<div class="h-[200px] flex items-center justify-center">
<FloatingDock :items="items" />
</div>
</template>