/**
 * React Native Full App (https://store.enappd.com/product/react-native-full-app)
 *
 * Copyright © 2019-present Enappd. All rights reserved.
 *
 * This source code is licensed as per the terms found in the
 * LICENSE.md file in the root directory of this source tree.
 */
import React, { Component } from 'react';
import { Content, Grid, Row, Col } from 'native-base';
import styles from './gridstyles';
import data from '../../../../Database/star'
import { ImageBackground } from 'react-native';
import ScrollCards from '../../../../components/star/scrollableCards/scrollcards';
class GridLayout extends Component {
    constructor(props: Readonly<{}>) {
        super(props);
        this.state = {};
    }

    render() {
        return (
            <Content>
                <Grid>
                    <Row style={styles.rowWrap}>
                        {data.stories.map((data, index: number) => {
                            return (
                                <Col style={styles.leftImgView} key={index}>
                                    <ImageBackground
                                        style={styles.thumbSize}
                                        source={data.image}
                                        resizeMode={'cover'}
                                    />
                                </Col>
                            );
                        })
                        }
                    </Row>
                    <Row>
                        <ScrollCards />
                    </Row>
                </Grid>
            </Content>
        );
    }
}

export default GridLayout;