Hey is a decentralized and permissionless social media app built with Lens Protocol 馃尶
1import { Transition } from "@headlessui/react";
2import type { ReactNode } from "react";
3import { Fragment } from "react";
4
5interface MenuTransitionProps {
6 children: ReactNode;
7 show?: boolean;
8}
9
10const MenuTransition = ({ children, show }: MenuTransitionProps) => {
11 return (
12 <Transition
13 as={Fragment}
14 enter="transition ease-out duration-100"
15 enterFrom="transform opacity-0 scale-95"
16 enterTo="transform opacity-100 scale-100"
17 leave="transition ease-in duration-75"
18 leaveFrom="transform opacity-100 scale-100"
19 leaveTo="transform opacity-0 scale-95"
20 show={show}
21 >
22 {children}
23 </Transition>
24 );
25};
26
27export default MenuTransition;