feat: on-device speech recognition, navigation screen, session picker

Matthias Nott

2026-03-02 a0f39302919fbacf7a0d407f01b1a50413ea6f70

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
import React from "react";
import { Pressable, Text, ViewStyle } from "react-native";

interface IconButtonProps {
  onPress: () => void;
  label: string;
  size?: number;
  style?: ViewStyle;
  className?: string;
}

export function IconButton({
  onPress,
  label,
  size = 24,
  className = "",
}: IconButtonProps) {
  return (
    <Pressable
      onPress={onPress}
      className={`items-center justify-center ${className}`}
      style={{ width: size, height: size }}
      hitSlop={{ top: 8, bottom: 8, left: 8, right: 8 }}
    >
      <Text className="text-pai-text-secondary" style={{ fontSize: size * 0.7 }}>
        {label}
      </Text>
    </Pressable>
  );
}