import React, { useEffect, useState } from 'react'; import { CopyToClipboard } from 'react-copy-to-clipboard'; /* eslint-disable-next-line */ export interface PluginCardProps { name: string; description: string; url: string; } export function PluginCard({ name, description, url }: PluginCardProps) { const [copied, setCopied] = useState(false); useEffect(() => { let t: NodeJS.Timeout; if (copied) { t = setTimeout(() => { setCopied(false); }, 3000); } return () => { t && clearTimeout(t); }; }, [copied]); return (

{name}

{description}

setCopied(true)} > setCopied(true)} >

); } export default PluginCard;