You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
26 lines
642 B
26 lines
642 B
2 days ago
|
import { Text, View } from 'react-native';
|
||
|
|
|
||
|
|
import { EditScreenInfo } from './EditScreenInfo';
|
||
|
|
|
||
|
|
type ScreenContentProps = {
|
||
|
|
title: string;
|
||
|
|
path: string;
|
||
|
|
children?: React.ReactNode;
|
||
|
|
};
|
||
|
|
|
||
|
|
export const ScreenContent = ({ title, path, children }: ScreenContentProps) => {
|
||
|
|
return (
|
||
|
|
<View className={styles.container}>
|
||
|
|
<Text className={styles.title}>{title}</Text>
|
||
|
|
<View className={styles.separator} />
|
||
|
|
<EditScreenInfo path={path} />
|
||
|
|
{children}
|
||
|
|
</View>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
const styles = {
|
||
|
|
container: `items-center flex-1 justify-center`,
|
||
|
|
separator: `h-[1px] my-7 w-4/5 bg-gray-200`,
|
||
|
|
title: `text-xl font-bold`,
|
||
|
|
};
|