import { Platform } from 'react-native';
import Fonts from './fonts';
import Colors from './colors';

export default {
  appContainer: {
    backgroundColor: '#000',
  },
  navbar: {
    backgroundColor: Colors.brand.primary,
    borderBottomWidth: 0,
  },
  navbarTitle: {
    color: '#ffffff',
    fontWeight: 'bold',
    fontFamily: Fonts.base.family,
    fontSize: Fonts.base.size,
  },
  navbarButton: {
    tintColor: '#ffffff',
  },
  tabbar: {
    backgroundColor: Colors.tabbar.background,
    borderTopColor: Colors.border,
    borderTopWidth: 1,
  },
  discoverParentStyle: {
    flex: 1,
    paddingLeft: 15,
    paddingRight: 15,
  },
  discoverTitle: {
    height: 40,
    justifyContent: 'center',
    alignItems: 'center',
  },
  discoverTextColor: {
    color: '#03a9f4',
  },
  discoverFirstGrid: {
    flex: 2,
    flexDirection: 'row',
  },
  discoverOtherGrid: {
    flex: 2,
    flexDirection: 'row',
    marginTop: 15,
  },
  discoverGridFirstItem: {
    flex: 1,
    flexDirection: 'column',
    backgroundColor: 'white',
    justifyContent: 'center',
    alignItems: 'center',
    marginRight: 15,
  },
  discoverGrideItem: {
    color: '#333',
    ...Platform.select({
      ios: {
        marginTop: 10,
      },
      android: {
        marginTop: -15,
      },
    }),
  },
  discoverGridLastItem: {
    flex: 1,
    backgroundColor: 'white',
    justifyContent: 'center',
    alignItems: 'center',
  },
};

@@ -958,17 +958,21 @@
 Grid
-FirstItem
+DirectionLeft
 : %7B%0A
@@ -988,37 +988,8 @@
  1,%0A
-    flexDirection: 'column',%0A
     
@@ -1110,17 +1110,156 @@
 overGrid
-e
+DirectionRight: %7B%0A    flex: 1,%0A    backgroundColor: 'white',%0A    justifyContent: 'center',%0A    alignItems: 'center',%0A  %7D,%0A  discoverGridText
 Item: %7B%0A
@@ -1275,11 +1275,14 @@
 : '#
-333
+03a9f4
 ',%0A 
@@ -1431,12 +1431,8 @@
 Grid
-Last
 Item
@@ -1452,38 +1452,8 @@
  1,%0A
-    backgroundColor: 'white',%0A
     

update use style