src/components/copiable/CopyButtonWide.tsx · bridge

on master help sign in

28 lines 773 B history raw

1import React from 'react';

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

3import useCopiable from 'lib/useCopiable';

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

6interface CopyButtonWideProps {

7 text: string;

8 children?: React.ReactNode;

9 rest?: React.HTMLProps<HTMLButtonElement>;

12export function CopyButtonWide({

13 text,

14 children,

15 ...rest

16}: CopyButtonWideProps) {

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

18 return (

19 <WithTooltip

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

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

22 position={TooltipPosition.TopRight}>

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

24 {children}

25 </BaseCopyButton>

26 </WithTooltip>

27 );