import React, { useState } from 'react';
import { StyleSheet, View } from 'react-native';
import LinearGradient from 'react-native-linear-gradient';
import { Skeleton } from '@rneui/themed';
import { SIZES } from '../../common';
function ListItemTypeOne(_a) {
    var _b = _a.count, count = _b === void 0 ? 4 : _b;
    var _c = useState(new Array(count).fill(null)), items = _c[0], _ = _c[1];
    return (<>
      {items.map(function (_, index) { return (<View key={index + 1} style={styles.itemContainer}>
          <Skeleton LinearGradientComponent={LinearGradient} animation="wave" width={83 * SIZES.WIDTH_RATE} height={83 * SIZES.WIDTH_RATE} style={{
                borderRadius: 10 * SIZES.WIDTH_RATE,
            }}/>
          <View style={styles.itemInfoBox}>
            <Skeleton LinearGradientComponent={LinearGradient} animation="wave" width={140 * SIZES.WIDTH_RATE} height={16 * SIZES.WIDTH_RATE} style={{
                borderRadius: 10 * SIZES.WIDTH_RATE,
            }}/>
            <Skeleton LinearGradientComponent={LinearGradient} animation="wave" width={180 * SIZES.WIDTH_RATE} height={12 * SIZES.WIDTH_RATE} style={{
                marginTop: 8 * SIZES.WIDTH_RATE,
                borderRadius: 10 * SIZES.WIDTH_RATE,
            }}/>
            <Skeleton LinearGradientComponent={LinearGradient} animation="wave" width={160 * SIZES.WIDTH_RATE} height={12 * SIZES.WIDTH_RATE} style={{
                marginTop: 6 * SIZES.WIDTH_RATE,
                borderRadius: 10 * SIZES.WIDTH_RATE,
            }}/>
            <Skeleton LinearGradientComponent={LinearGradient} animation="wave" width={80 * SIZES.WIDTH_RATE} height={12 * SIZES.WIDTH_RATE} style={{
                marginTop: 6 * SIZES.WIDTH_RATE,
                borderRadius: 10 * SIZES.WIDTH_RATE,
            }}/>
          </View>
        </View>); })}
    </>);
}
var styles = StyleSheet.create({
    itemContainer: {
        flexDirection: 'row',
        width: 335 * SIZES.WIDTH_RATE,
        height: 106 * SIZES.WIDTH_RATE,
        paddingHorizontal: 14 * SIZES.WIDTH_RATE,
        paddingVertical: 12 * SIZES.WIDTH_RATE,
        marginBottom: 16 * SIZES.WIDTH_RATE,
    },
    itemInfoBox: {
        width: 211 * SIZES.WIDTH_RATE,
        height: 83 * SIZES.WIDTH_RATE,
        marginLeft: 20 * SIZES.WIDTH_RATE,
        justifyContent: 'center',
    },
});
export default ListItemTypeOne;
//# sourceMappingURL=ListItemTypeOne.js.map