import React, { useContext } from 'react'; import tw from 'twin.macro'; import Button from '@/components/elements/Button'; import asModal from '@/hoc/asModal'; import ModalContext from '@/context/ModalContext'; import CopyOnClick from '@/components/elements/CopyOnClick'; interface Props { apiKey: string; } const ApiKeyModal = ({ apiKey }: Props) => { const { dismiss } = useContext(ModalContext); return ( <>

Your API Key

The API key you have requested is shown below. Please store this in a safe location, it will not be shown again.

                
                    {apiKey}
                
            
); }; ApiKeyModal.displayName = 'ApiKeyModal'; export default asModal({ closeOnEscape: false, closeOnBackground: false, })(ApiKeyModal);