mirror of
https://github.com/checktheroads/hyperglass
synced 2024-05-11 05:55:08 +00:00
21 lines
595 B
JavaScript
21 lines
595 B
JavaScript
import * as React from 'react';
|
|
import { Button, Icon, Tooltip, useClipboard } from '@chakra-ui/core';
|
|
|
|
export const CopyButton = ({ bg = 'secondary', copyValue, ...props }) => {
|
|
const { onCopy, hasCopied } = useClipboard(copyValue);
|
|
return (
|
|
<Tooltip hasArrow label="Copy Output" placement="top">
|
|
<Button
|
|
as="a"
|
|
size="sm"
|
|
variantColor={bg}
|
|
zIndex="dropdown"
|
|
onClick={onCopy}
|
|
mx={1}
|
|
{...props}>
|
|
{hasCopied ? <Icon name="check" size="16px" /> : <Icon name="copy" size="16px" />}
|
|
</Button>
|
|
</Tooltip>
|
|
);
|
|
};
|