Actualmente estoy construyendo un componente que tiene accesorios y quiero usar el accesorio como un índice para los estilos, pero recibo un error mecanografiado:

El elemento tiene implícitamente un tipo 'cualquiera' porque la expresión de tipo 'cadena' no se puede usar para indexar el tipo '{ éxito: { color: cadena; }; advertencia: { color: cadena; }; error: { color: cadena; }; }'. No se encontró ninguna firma de índice con un parámetro de tipo 'cadena' en el tipo '{ éxito: { color: cadena; }; advertencia: { color: cadena; }; error: { color: cadena; }; }'.ts(7053)

 import React from 'react' import { StyleSheet, Text, View } from 'react-native' type InfoBoxProps = { text: string context: string } const InfoBox: React.FC<InfoBoxProps> = ({ text, context }) => { return ( <View> <Text style={styles[context]}>{text}</Text> </View> ) } const styles = StyleSheet.create({ success: { color: 'green' }, warning: { color: 'yellow' }, error: { color: 'red' } }) export default InfoBox