@ecreeth/rn-ui/src/resources/themes/default/_divider.js

Highly customizable and theming components for React Native

import { textSecondary } from './colors';
import { fontSizeCaption } from './dimens';

export default {
  Divider: {
    alignItems: 'center',
    justifyContent: 'center',
  },
  'Divider[orientation=vertical]': {
    height: '100%',
    DividerLabel: {
      marginTop: 8,
      marginBottom: 8,
    },
    DividerLine: {
      flex: 1,
      minWidth: 1,
      minHeight: 16,
      width: 1,
    },
  },
  'Divider[orientation=horizontal]': {
    width: '100%',
    flexDirection: 'row',
    DividerLabel: {
      marginLeft: 8,
      marginRight: 8,
    },
    DividerLine: {
      flex: 1,
      minWidth: 16,
      minHeight: 1,
      height: 1,
    },
  },
  DividerLabel: {
    color: textSecondary,
    fontSize: fontSizeCaption,
  },
  DividerLine: {
    backgroundColor: '#E5E5E5',
  },
};