ScreenLayout index.tsx

100% Statements 5/5

100% Branches 0/0

100% Functions 2/2

100% Lines 4/4

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3x
 
 
 
 
 
7x
 
7x
 
 
 
 
 
 
6x
 
 
 
 
 
  import { ReactNode } from "react";
import {
  SafeAreaView,
  SafeAreaViewProps,
} from "react-native-safe-area-context";
import { StyleProp, ViewStyle } from "react-native";
 
import { makeStyles } from "@repo/ui/themes/makeStyles";
import { Theme } from "@repo/ui/themes/types";
 
interface ScreenLayoutProps extends SafeAreaViewProps {
  children: ReactNode;
  style?: StyleProp<ViewStyle>;
  testID?: string;
}
 
export const ScreenLayout = ({
  children,
  style,
  testID,
  ...props
}: ScreenLayoutProps) => {
  const styles = useStyles();
 
  return (
    <SafeAreaView style={[styles.container, style]} testID={testID} {...props}>
      {children}
    </SafeAreaView>
  );
};
 
const useStyles = makeStyles((theme: Theme) => ({
  container: {
    flex: 1,
    backgroundColor: theme.colors.background.default,
  },
}));