import * as React from 'react' import Link from 'next/link' import { AnimatePresence, motion } from 'framer-motion' import { Menu } from '../../src/components/menu/menu' import { classNames } from '../../src/utils/class-names' import { PropsOf } from '../../src/types' export default function Home() { return (
{({ open }) => ( <> Options {open && (

Signed in as

tom@example.com

Account settings Support New feature (soon) License
)}
)}
) } function NextLink(props: PropsOf<'a'>) { const { href, children, ...rest } = props return ( {children} ) } function SignOutButton(props) { return (
{ e.preventDefault() alert('SIGNED OUT') }} className="w-full" >
) } function Item(props: PropsOf) { return ( classNames( 'block w-full text-left px-4 py-2 text-sm leading-5 text-gray-700', active && 'bg-gray-100 text-gray-900', disabled && 'cursor-not-allowed opacity-50' ) } {...props} /> ) }