Matt Aitken
29 lines
517 B
TypeScript
29 lines
517 B
TypeScript
import React, { useCallback } from "react";
|
|
|
|
export type CopyTextProps = {
|
|
children?: React.ReactNode;
|
|
value: string;
|
|
className?: string;
|
|
onCopied?: () => void;
|
|
};
|
|
|
|
export function CopyText({
|
|
children,
|
|
value,
|
|
className,
|
|
onCopied,
|
|
}: CopyTextProps) {
|
|
const onClick = useCallback(() => {
|
|
navigator.clipboard.writeText(value);
|
|
if (onCopied) {
|
|
onCopied();
|
|
}
|
|
}, [value, onCopied]);
|
|
|
|
return (
|
|
<div onClick={onClick} className={`${className}`}>
|
|
{children}
|
|
</div>
|
|
);
|
|
}
|