haptics

import { HStack, Pressable, Text, haptics, signal } from 'kuito';

async function save(count: number): Promise<void> {
  if (count > 9) throw new Error('At most 9 seats');
}

export function Seats() {
  const count = signal(1);

  return (
    <HStack gap={12}>
      <Pressable
        onPress={() => {
          count.value += 1;
          void haptics.selection();
        }}
      >
        <Text>{'Seats: ' + count.value}</Text>
      </Pressable>
      <Pressable
        onPress={() => {
          save(count.value).then(
            () => haptics.notification('success'),
            () => haptics.notification('error'),
          );
        }}
      >
        <Text>{haptics.supported ? 'Book' : 'Book (no haptics)'}</Text>
      </Pressable>
    </HStack>
  );
}