Floating Dock

<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>