Function DrawerSwitchRow

src/showcase/ShowcaseMenu.tsx:436–508

({
  appTheme,
  iconName,
  label,
  onValueChange,
  value,
}: {
  appTheme: ShowcaseMenuTheme;
  iconName: IoniconName;
  label: string;
  onValueChange: (value: boolean) => void;
  value: boolean;
})

};

const DrawerSwitchRow = ({
  appTheme,
  iconName,
  label,
  onValueChange,
  value,
}: {
  appTheme: ShowcaseMenuTheme;
  iconName: IoniconName;
  label: string;
  onValueChange: (value: boolean) => void;
  value: boolean;
}) => {
  const accentColor = appTheme.series[0] ?? appTheme.text;

  return (
    <Pressable
      accessibilityLabel={label}
      accessibilityRole="switch"
      accessibilityState={{ checked: value }}
      onPress={() => onValueChange(!value)}
      style={({ pressed }) => [
        styles.row,
        {
          backgroundColor: value ? appTheme.background : "transparent",
        },
        pressed && styles.pressed,
      ]}
    >
      <View
        style={[
          styles.rowIcon,
          {
            backgroundColor: value ? accentColor : appTheme.background,
            borderColor: appTheme.axis,
          },
        ]}
      >
        <Ionicons
          name={iconName}
          size={18}
          color={value ? appTheme.background : appTheme.text}
        />
      </View>
      <View style={styles.rowTextBlock}>
        <Text
          numberOfLines={1}
          style={[styles.rowLabel, { color: appTheme.text }]}
        >
          {label}
        </Text>
      </View>
      <View
        style={[
          styles.compactSwitchTrack,
          {
            backgroundColor: value ? accentColor : appTheme.axis,
          },