diff options
Diffstat (limited to 'app/components/graph-ui/graph-ui.tsx')
-rw-r--r-- | app/components/graph-ui/graph-ui.tsx | 40 |
1 files changed, 40 insertions, 0 deletions
diff --git a/app/components/graph-ui/graph-ui.tsx b/app/components/graph-ui/graph-ui.tsx new file mode 100644 index 0000000..9ea792a --- /dev/null +++ b/app/components/graph-ui/graph-ui.tsx @@ -0,0 +1,40 @@ +import * as React from "react" +import { StyleProp, TextStyle, View, ViewStyle } from "react-native" +import { observer } from "mobx-react-lite" +import { color, typography } from "../../theme" +import { LocalButton, Text, Tweaks } from "../" +import { flatten } from "ramda" + +const CONTAINER: ViewStyle = { + justifyContent: "center", +} + +const TEXT: TextStyle = { + fontFamily: typography.primary, + fontSize: 14, + color: color.primary, +} + +export interface GraphUiProps { + /** + * An optional style override useful for padding & margin. + */ + style?: StyleProp<ViewStyle> + physics + setPhysics +} + +/** + * Describe your component here + */ +export const GraphUi = observer(function GraphUi(props: GraphUiProps) { + const { style, physics, setPhysics } = props + const styles = flatten([CONTAINER, style]) + + return ( + <View style={{height: "100%", width: "100%", borderStyle: "solid", borderWidth: 5,position:"relative"}}> + <Tweaks physics={physics} setPhysics={setPhysics} /> + <LocalButton physics={physics} setPhysics={setPhysics}/> + </View> + ) +}) |