-- CODE language-jsx --
import React from 'react';
import Images from '../config/Images';
import {
 CardContainer,
 Container,
 Icon,
 ScreenContainer,
 withTheme,
} from '@draftbit/ui';
import { Image, StyleSheet, Text, View } from 'react-native';
const REPLACE_SCREEN_NAME = props => {
 const { theme } = props;
 return (
   <ScreenContainer scrollable={true} hasSafeArea={false}>
     <Image
       style={styles.imageR8}
       source={Images.Vineyard}
       resizeMode=""cover""
     />
     <Container
       style={styles.containerAo}
       elevation={0}
       useThemeGutterPadding={true}
     >
       <Text
         style={StyleSheet.flatten([
           styles.textEl,
           theme.typography.headline4,
           { color: theme.colors.strong },
         ])}
       >
         Red River Vineyards
       </Text>
       <View style={styles.viewVy}>
         <Icon
           style={styles.iconYH}
           name=""Entypo/location-pin""
           size={16}
           color={theme.colors.light}
         />
         <Text
           style={StyleSheet.flatten([
             styles.text6D,
             theme.typography.caption,
             { color: theme.colors.light },
           ])}
         >
           St Helena, CA 94574
         </Text>
       </View>
       <Text
         style={StyleSheet.flatten([
           styles.textCa,
           theme.typography.subtitle2,
           { color: theme.colors.medium },
         ])}
       >
         Red River Vineyards was founded in 1962, but our legacy dates back to
         the late 1800s when wine grapes were first planted on the Napa Valley
         property that is now our estate home. The depth of this history
         reminds us that as stewards of this land, our family’s commitment to
         its health and vitality will be felt far into the future.
       </Text>
     </Container>
     <Container
       style={styles.containerGI}
       elevation={0}
       useThemeGutterPadding={true}
     >
       <CardContainer
         style={styles.cardContainerM4}
         image=""https://apps-draftbit-com.s3.amazonaws.com/xxQUEDSJ/assets/4d0c765e-2044-4d2c-9337-a566ed575428""
         title=""Cabernet Sauvignon""
         elevation={2}
         numColumns={2}
         aspectRatio={1.5}
         titleCentered={true}
       />
       <CardContainer
         style={styles.cardContainerJj}
         image=""https://apps-draftbit-com.s3.amazonaws.com/xxQUEDSJ/assets/65003eac-1a5d-439b-814d-7e7a17345336""
         title=""Cabernet Franc""
         elevation={2}
         numColumns={2}
         aspectRatio={1.5}
         titleCentered={true}
       />
       <CardContainer
         style={styles.cardContainerCz}
         image=""https://apps-draftbit-com.s3.amazonaws.com/xxQUEDSJ/assets/0d8affff-2c50-4a30-af87-5ce0a34fcb36""
         title=""Sauvignon Blanc""
         elevation={2}
         numColumns={2}
         aspectRatio={1.5}
         titleCentered={true}
       />
       <CardContainer
         style={styles.cardContainerJo}
         image=""https://apps-draftbit-com.s3.amazonaws.com/xxQUEDSJ/assets/88236e08-1747-41bc-9025-5090b6b9a655""
         title=""Vitners Reserve""
         elevation={2}
         numColumns={2}
         aspectRatio={1.5}
         titleCentered={true}
       />
     </Container>
   </ScreenContainer>
 );
};
const styles = StyleSheet.create({
 textEl: {
   width: '100%',
   textAlign: 'auto',
 },
 imageR8: {
   width: '100%',
   height: 300,
 },
 iconYH: {
   width: 16,
   height: 16,
 },
 cardContainerM4: {
   width: 167,
   height: 172,
   marginBottom: 16,
 },
 containerAo: {
   paddingTop: 16,
   paddingBottom: 16,
 },
 text6D: {
   paddingLeft: 4,
   flexGrow: 1,
   textAlign: 'auto',
 },
 viewVy: {
   flexDirection: 'row',
 },
 cardContainerJj: {
   width: 167,
   height: 172,
 },
 containerGI: {
   flexWrap: 'wrap',
   flexDirection: 'row',
   justifyContent: 'space-around',
 },
 textCa: {
   width: '100%',
   marginTop: 8,
   textAlign: 'auto',
 },
 cardContainerCz: {
   width: 167,
   height: 172,
 },
 cardContainerJo: {
   width: 167,
   height: 172,
 },
});
export default withTheme(REPLACE_SCREEN_NAME);