text: import React from 'react';
  import PropTypes from 'prop-types';
  import Divider from '@/components/Divider';
  import { Button, Icon } from 'native-base';
  import { View } from 'react-native';
  
  const PageRefresher = ({ onRefresh, children }) => {
    return (
      <>
        <View
          style={{
            flex: 1,
            alignItems: 'center',
            justifyContent: 'center',
          }}
        >
          {children}
  
          <Divider border={false} />
  
          <Button
            onPress={onRefresh}
            transparent
          >
            <Icon name="refresh" size={40} color="#ddd" />
          </Button>
        </View>
      </>
    );
  };
  
  PageRefresher.propTypes = {
    children: PropTypes.node,
    onRefresh: PropTypes.func,
  };
  
  export default PageRefresher;
  