content: /**
   * @flow
   */
  import React from 'react'
  import PropTypes from 'prop-types'
  import { observer } from 'mobx-react/native'
  import styles from './styles'
  
  import Picker from '@rn/commons/app/components/Picker'
  import styled from 'styled-components/native'
  import { View } from 'react-native'
  
  
  
  
  const Mobile = (props) =>  (
        <MobileStyledView>
          <Picker
            labelKey={'label'}
            mode={'dropdown'}
            options={[{'label': 'Arial', 'value': 'Arial'}, {'label': 'Calibri', 'value': 'Calibri'}, {'label': 'Courier', 'value': 'Courier'}, {'label': 'Verdana', 'value': 'Verdana'}]}
            style={styles.menuStyle}
            valueKey={'value'}
          ></Picker>
        </MobileStyledView>
  )
  
  
  
  
  export const MobileStyledView = styled.View`
      flex: 1;
            
  `
  
  
  export default observer(Mobile)