native-base/lib/module/theme/v33x-theme/components/form-control.js

Essential cross-platform UI components for React Native

import { mode } from '../tools'; // FormControl

export const FormControl = {
  baseStyle: {
    width: '100%'
  }
}; // FormControlErrorMessage

export const FormControlErrorMessage = {
  baseStyle: props => {
    return {
      mt: '2',
      _text: {
        fontSize: 'xs',
        color: mode('danger.600', 'danger.300')(props)
      },
      _stack: {
        space: 1,
        alignItems: 'center'
      }
    };
  }
}; // FormControlLabel

export const FormControlLabel = {
  baseStyle: props => {
    return {
      flexDirection: 'row',
      justifyContent: 'flex-start',
      _text: {
        fontSize: 'sm',
        fontWeight: 'medium'
      },
      _astrick: {
        color: mode('danger.600', 'danger.300')(props)
      },
      mb: '2',
      mr: '3'
    };
  }
}; // FormControlHelperText

export const FormControlHelperText = {
  baseStyle: props => {
    return {
      mt: '2',
      _text: {
        fontSize: 'xs',
        color: mode('muted.500', 'muted.400')(props)
      }
    };
  }
};
//# sourceMappingURL=form-control.js.map