A React Native app for the ultimate thinking partner.
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;