'use client' import { useState } from 'react' import { Dialog, DialogBackdrop, DialogPanel, TransitionChild } from '@headlessui/react' import { ChartBarSquareIcon, Cog6ToothIcon, FolderIcon, GlobeAltIcon, ServerIcon, SignalIcon, XMarkIcon, } from '@heroicons/react/24/outline' import { Bars3Icon, MagnifyingGlassIcon } from '@heroicons/react/20/solid' import { ChevronDownIcon } from '@heroicons/react/16/solid' const navigation = [ { name: 'Projects', href: '#', icon: FolderIcon, current: false }, { name: 'Deployments', href: '#', icon: ServerIcon, current: false }, { name: 'Activity', href: '#', icon: SignalIcon, current: false }, { name: 'Domains', href: '#', icon: GlobeAltIcon, current: false }, { name: 'Usage', href: '#', icon: ChartBarSquareIcon, current: false }, { name: 'Settings', href: '#', icon: Cog6ToothIcon, current: true }, ] const teams = [ { id: 1, name: 'Planetaria', href: '#', initial: 'P', current: false }, { id: 2, name: 'Protocol', href: '#', initial: 'P', current: false }, { id: 3, name: 'Tailwind Labs', href: '#', initial: 'T', current: false }, ] const secondaryNavigation = [ { name: 'Account', href: '#', current: true }, { name: 'Notifications', href: '#', current: false }, { name: 'Billing', href: '#', current: false }, { name: 'Teams', href: '#', current: false }, { name: 'Integrations', href: '#', current: false }, ] function classNames(...classes) { return classes.filter(Boolean).join(' ') } export default function Example() { const [sidebarOpen, setSidebarOpen] = useState(false) return ( <> {/* This example requires updating your template: ``` ``` */}
{/* Sidebar component, swap this element with another sidebar if you like */}
Your Company Your Company
{/* Static sidebar for desktop */}
{/* Sidebar component, swap this element with another sidebar if you like */}
Your Company Your Company
{/* Sticky search header */}

Account Settings

{/* Secondary navigation */}
{/* Settings forms */}

Personal Information

Use a permanent address where you can receive mail.

JPG, GIF or PNG. 1MB max.

example.com/

Change password

Update your password associated with your account.

Log out other sessions

Please enter your password to confirm you would like to log out of your other sessions across all of your devices.

Delete account

No longer want to use our service? You can delete your account here. This action is not reversible. All information related to this account will be deleted permanently.

) }