import { StyleSheet } from 'react-native';

export default StyleSheet.create({
  section: {
    marginTop: 10,
    backgroundColor: '#fff',
    paddingLeft: 10,
    paddingRight: 10,
    paddingBottom: 10,
    borderRadius: 4,
  },
  title: {
    fontWeight: '500',
    fontSize: 16,
    marginTop: 10,
    marginBottom: 10,
    color: '#333',
  },
  subtitle: {
    fontWeight: '500',
    fontSize: 14,
    marginBottom: 8,
    color: '#666',
  },
  description: {
    fontSize: 12,
    color: '#999',
    marginBottom: 8,
    lineHeight: 18,
  },
  resultText: {
    fontSize: 14,
    color: '#1890ff',
    marginTop: 8,
  },
  modeItem: {
    marginBottom: 12,
  },
  modeButton: {
    marginBottom: 4,
  },
  modeResult: {
    fontSize: 12,
    color: '#52c41a',
    marginLeft: 8,
  },
  rangeExample: {
    marginBottom: 20,
    padding: 12,
    backgroundColor: '#f8f9fa',
    borderRadius: 6,
  },
  rangeInfo: {
    fontSize: 12,
    color: '#666',
    marginBottom: 4,
  },
  customExample: {
    marginBottom: 20,
    padding: 12,
    backgroundColor: '#f0f8ff',
    borderRadius: 6,
  },
  wrapper: {
    paddingBottom: 20,
  },
});