Copy Chip

const secretId = 'sphvpisznne5n3cm9lbewomius8n486e';

() => {
  return (
    <CopyChip
      color="gray"
      onClick={async (event) => {
        event.preventDefault();
        await navigator.clipboard.writeText(secretId);
      }}
    >
      <Code variant="ghost" size="2">
        {secretId.substring(0, 4)}
        ...
        {secretId.substring(secretId.length - 4, secretId.length)}
      </Code>
    </CopyChip>
  );
};