clipboard

import { Pressable, Text, VStack, clipboard, signal } from 'kuito';

export function InviteCode() {
  const pasted = signal('');

  return (
    <VStack gap={12}>
      <Pressable onPress={() => void clipboard.writeText('KUITO-2026')}>
        <Text>Copy the code</Text>
      </Pressable>
      <Pressable
        disabled={!clipboard.hasText.value}
        onPress={() => {
          void clipboard.readText().then((text) => {
            pasted.value = text;
          });
        }}
      >
        <Text>{clipboard.hasText.value ? 'Paste' : 'Nothing to paste'}</Text>
      </Pressable>
      <Text>{pasted.value}</Text>
    </VStack>
  );
}