1import { H4 } from '@expo/html-elements';
2import * as React from 'react';
3import { StyleSheet, View } from 'react-native';
4
5export function Page({ children }: { children: any }) {
6  return <View style={{ paddingHorizontal: 12, paddingBottom: 12 }}>{children}</View>;
7}
8
9export function Section({ title, children, row }: { title: string; children: any; row?: boolean }) {
10  return (
11    <View
12      style={{
13        borderBottomColor: 'rgba(0,0,0,0.1)',
14        borderBottomWidth: StyleSheet.hairlineWidth,
15        paddingBottom: 8,
16      }}>
17      <H4 style={{ marginTop: 8 }}>{title}</H4>
18      <View style={{ flexDirection: row ? 'row' : 'column' }}>{children}</View>
19    </View>
20  );
21}
22