2022-09-16 09:07:02 +00:00
|
|
|
import React from 'react';
|
|
|
|
import {StyleSheet, View} from 'react-native';
|
|
|
|
import {Searchbar} from 'react-native-paper';
|
|
|
|
import {PADDING} from './constants';
|
|
|
|
import MassiveFab from './MassiveFab';
|
|
|
|
|
|
|
|
export default function Page({
|
|
|
|
onAdd,
|
|
|
|
children,
|
|
|
|
search,
|
|
|
|
setSearch,
|
|
|
|
}: {
|
|
|
|
children: JSX.Element | JSX.Element[];
|
|
|
|
onAdd?: () => void;
|
|
|
|
search: string;
|
|
|
|
setSearch: (value: string) => void;
|
|
|
|
}) {
|
|
|
|
return (
|
|
|
|
<View style={styles.container}>
|
2022-09-28 03:49:29 +00:00
|
|
|
<Searchbar
|
|
|
|
placeholder="Search"
|
|
|
|
value={search}
|
|
|
|
onChangeText={setSearch}
|
|
|
|
icon="search"
|
2022-09-28 03:50:07 +00:00
|
|
|
clearIcon="clear"
|
2022-09-28 03:49:29 +00:00
|
|
|
/>
|
2022-09-16 09:07:02 +00:00
|
|
|
{children}
|
|
|
|
{onAdd && <MassiveFab onPress={onAdd} />}
|
|
|
|
</View>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
const styles = StyleSheet.create({
|
|
|
|
container: {
|
|
|
|
flexGrow: 1,
|
|
|
|
padding: PADDING,
|
|
|
|
},
|
|
|
|
});
|