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';
function DetailViewSkeleton() {
    return (<View style={styles.container}>
      <Skeleton LinearGradientComponent={LinearGradient} animation="wave" width={350 * SIZES.WIDTH_RATE} height={265 * SIZES.WIDTH_RATE} style={{
            borderRadius: 10 * SIZES.WIDTH_RATE,
        }}/>
      <View style={styles.infoBox}>
        <Skeleton LinearGradientComponent={LinearGradient} animation="wave" width={224 * SIZES.WIDTH_RATE} height={48 * SIZES.WIDTH_RATE} style={{
            borderRadius: 10 * SIZES.WIDTH_RATE,
            marginBottom: 8 * SIZES.WIDTH_RATE,
        }}/>
        <Skeleton LinearGradientComponent={LinearGradient} animation="wave" width={260 * SIZES.WIDTH_RATE} height={20 * SIZES.WIDTH_RATE} style={styles.text}/>
        <Skeleton LinearGradientComponent={LinearGradient} animation="wave" width={180 * SIZES.WIDTH_RATE} height={24 * SIZES.WIDTH_RATE} style={styles.text}/>
        <Skeleton LinearGradientComponent={LinearGradient} animation="wave" width={160 * SIZES.WIDTH_RATE} height={16 * SIZES.WIDTH_RATE} style={styles.text}/>
        <Skeleton LinearGradientComponent={LinearGradient} animation="wave" width={176 * SIZES.WIDTH_RATE} height={16 * SIZES.WIDTH_RATE} style={styles.text}/>
      </View>
      <View style={styles.infoBox}>
        <Skeleton LinearGradientComponent={LinearGradient} animation="wave" width={80 * SIZES.WIDTH_RATE} height={32 * SIZES.WIDTH_RATE} style={styles.text}/>
        <Skeleton LinearGradientComponent={LinearGradient} animation="wave" width={335 * SIZES.WIDTH_RATE} height={100 * SIZES.WIDTH_RATE} style={{
            marginTop: 20 * SIZES.WIDTH_RATE,
            borderRadius: 10 * SIZES.WIDTH_RATE,
        }}/>
      </View>
    </View>);
}
var styles = StyleSheet.create({
    container: {
        position: 'absolute',
        top: 0,
        width: SIZES.SCREEN_WIDTH,
        height: SIZES.SCREEN_HEIGHT,
        paddingVertical: 20 * SIZES.WIDTH_RATE,
        alignItems: 'center',
        backgroundColor: COLORS.GRAY0,
    },
    infoBox: {
        width: SIZES.SCREEN_WIDTH,
        justifyContent: 'flex-start',
        paddingHorizontal: 20 * SIZES.WIDTH_RATE,
        paddingVertical: 30 * SIZES.WIDTH_RATE,
    },
    text: {
        marginTop: 8 * SIZES.WIDTH_RATE,
        borderRadius: 10 * SIZES.WIDTH_RATE,
    },
});
export default DetailViewSkeleton;
//# sourceMappingURL=DetailViewSkeleton.js.map