import { StyleSheet } from 'react-native';

export const dividers = StyleSheet.create({
  basic: {
    minWidth: 40,
    width: '100%',
    borderColor: '#e0e0e0',
    borderWidth: 1,
    borderRadius: 4 * 2,
    margin: 8,
    paddingVertical: 4 * 1.5,
    paddingHorizontal: 4 * 3,
    justifyContent: 'center',
    overflow: 'hidden',
  },
  line: {
    width: '100%',
    height: 1.5,
    backgroundColor: '#101010',
  },
  text: {
    fontSize: 10,
    backgroundColor: 'white',
    borderRadius: 4 * 2,
    paddingHorizontal: 8,
    color: '#101010',
    textAlign: 'center',
    alignSelf: 'center',
    position: 'absolute',
  },
});