A React Native app for the ultimate thinking partner.
at bf2a37bf805fa5ccc8b5badeeb098f842186e615 28 lines 737 B view raw
1import React from 'react'; 2import { useColorScheme, View, StyleSheet } from 'react-native'; 3import DarkWordmark from '../../assets/wordmarks/wordmark-darkmode.svg'; 4import LightWordmark from '../../assets/wordmarks/wordmark-lightmode.svg'; 5 6interface WordmarkProps { 7 width?: number; 8 height?: number; 9} 10 11const Wordmark: React.FC<WordmarkProps> = ({ width = 160, height = 28 }) => { 12 const scheme = useColorScheme(); 13 const Svg = scheme === 'dark' ? DarkWordmark : LightWordmark; 14 return ( 15 <View style={styles.container}> 16 <Svg width={width} height={height} /> 17 </View> 18 ); 19}; 20 21const styles = StyleSheet.create({ 22 container: { 23 justifyContent: 'center', 24 alignItems: 'center', 25 }, 26}); 27 28export default Wordmark;