import { StyleSheet } from 'react-native';
import { Colors } from '../Consts';

export default StyleSheet.create({
  large: {
    height: 48,
    borderRadius: 8,
    flexDirection: 'row',
    justifyContent: 'center',
    alignItems: 'center',
    paddingHorizontal: 16,
    minWidth: 128,
  },
  medium: {
    height: 36,
    borderRadius: 8,
    flexDirection: 'row',
    justifyContent: 'center',
    alignItems: 'center',
    paddingHorizontal: 12,
    minWidth: 80,
  },
  small: {
    height: 28,
    borderRadius: 8,
    flexDirection: 'row',
    justifyContent: 'center',
    alignItems: 'center',
    paddingHorizontal: 8,
    minWidth: 60,
  },
  leading: {
    overflow: 'hidden',
    alignItems: 'center',
    justifyContent: 'center',
  },
  trailing: {
    overflow: 'hidden',
    alignItems: 'center',
    justifyContent: 'center',
  },
  gradientView: {
    position: 'absolute',
    zIndex: -1,
    borderRadius: 8,
    top: 0,
    bottom: 0,
    left: 0,
    right: 0,
  },
  strokeView: {
    position: 'absolute',
    top: 2,
    bottom: 2,
    left: 2,
    right: 2,
    borderRadius: 6,
    borderWidth: 0.5,
    borderColor: '#FFF9E1',
  },
  skeleton: {
    paddingHorizontal: 0,
  },
  debugBaseLine: { borderWidth: 1, borderColor: Colors.green_06 },
});