/**
 * Il pannello di destra quando non c'è una ricetta da mostrare: la prima
 * volta, o dopo aver cancellato quella aperta. Il segno «q.b.» della
 * schermata d'avvio, tenue, e sotto una riga sola. Niente pulsanti: le
 * ricette sono lì a sinistra.
 */
import { Image, StyleSheet, Text, View } from 'react-native';

import { useApp } from '../contesto.ts';
import { SPAZIO, TESTO, useColori } from '../tema.ts';

export default function Invito() {
  const { testo } = useApp();
  const colori = useColori();
  return (
    <View style={[stili.centro, { backgroundColor: colori.fondo }]}>
      <Image
        source={require('../../../assets/splash-icon.png')}
        style={[stili.segno, { tintColor: colori.bordo }]}
        resizeMode="contain"
        accessibilityIgnoresInvertColors
      />
      <Text style={[TESTO.corpo, { color: colori.testoTenue }]}>{testo('pannelli.invito')}</Text>
    </View>
  );
}

const stili = StyleSheet.create({
  centro: { flex: 1, alignItems: 'center', justifyContent: 'center', padding: SPAZIO.xxl },
  segno: { width: 160, height: 160, marginBottom: SPAZIO.l },
});