src/components/CopyButtonWide.tsx · bridge

on cedd040 help sign in

bridge/src/components/CopyButtonWide.tsx

18 lines 619 B history raw

1import React from 'react';

2import { CopyButton as BaseCopyButton } from 'components/Buttons';

3import useCopiable from 'lib/useCopiable';

4import WithTooltip, { TooltipPosition } from './WithTooltip';

6export function CopyButtonWide({ text, children, ...rest }) {

7 const [doCopy, didCopy] = useCopiable(text);

8 return (

9 <WithTooltip

10 content={didCopy ? 'Copied!' : 'Copy'}

11 className={'rel full nowrap copy-button-wide'}

12 position={TooltipPosition.TopRight}>

13 <BaseCopyButton as="span" onClick={doCopy} text={text} {...rest}>

14 {children}

15 </BaseCopyButton>

16 </WithTooltip>

17 );