Share ready

import { ActionIcon, Button, Group, Text, TextInput, Title, } from "@mantine/core"; import { useClipboard } from "@mantine/hooks"; import { useModals } from "@mantine/modals"; import { ModalsContextProps } from "@mantine/modals/lib/context"; import { useRouter } from "next/router"; import { Copy } from "tabler-icons-react"; const showCompletedUploadModal = ( modals: ModalsContextProps, link: string, expiresAt: string ) => { return modals.openModal({ closeOnClickOutside: false, withCloseButton: false, closeOnEscape: false, title: Share ready, children: , }); }; const Body = ({ link, expiresAt }: { link: string; expiresAt: string }) => { const clipboard = useClipboard({ timeout: 500 }); const modals = useModals(); const router = useRouter(); return ( clipboard.copy(link)}> } /> ({ color: theme.colors.gray[6], })} > Your share expires at {expiresAt}{" "} ); }; export default showCompletedUploadModal;