import { ActionIcon, CopyButton } from '@tidbcloud/uikit'
import { IconCheck, IconCopy01 } from '@tidbcloud/uikit/icons'

export function SimpleCopyButton({ text }: { text: string }) {
  return (
    <CopyButton value={text}>
      {({ copied, copy }) => (
        <ActionIcon onClick={copy} variant="transparent" title={copied ? 'Copied' : 'Copy'}>
          {copied ? <IconCheck /> : <IconCopy01 />}
        </ActionIcon>
      )}
    </CopyButton>
  )
}