import React from 'react';
import { Skeleton } from '@rneui/themed';
import { StyleSheet, View } from 'react-native';
import LinearGradient from 'react-native-linear-gradient';
import { COLORS, SIZES } from '../../common';
import ListItemTypeOne from './ListItemTypeOne';
function ListViewSkeleton() {
    return (<View style={styles.container}>
      <Skeleton LinearGradientComponent={LinearGradient} animation="wave" width={335 * SIZES.WIDTH_RATE} height={197 * SIZES.WIDTH_RATE} style={{
            borderRadius: 10 * SIZES.WIDTH_RATE,
        }}/>
      <View style={styles.listContainer}>
        <ListItemTypeOne count={4}/>
      </View>
    </View>);
}
var styles = StyleSheet.create({
    container: {
        position: 'absolute',
        top: 0,
        width: SIZES.SCREEN_WIDTH,
        height: SIZES.SCREEN_HEIGHT,
        paddingHorizontal: 20 * SIZES.WIDTH_RATE,
        paddingVertical: 20 * SIZES.WIDTH_RATE,
        backgroundColor: COLORS.GRAY0,
    },
    topBanner: {
        width: SIZES.SCREEN_WIDTH,
        height: 197 * SIZES.WIDTH_RATE,
    },
    listContainer: {
        flex: 1,
        paddingTop: 16 * SIZES.WIDTH_RATE,
    },
});
export default ListViewSkeleton;
//# sourceMappingURL=ListViewSkeleton.js.map