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