import { StyleSheet } from 'react-native';

export default StyleSheet.create({
  section: {
    paddingHorizontal: 16,
    marginTop: 12,
    backgroundColor: '#fff',
    paddingBottom: 16,
    borderRadius: 8,
  },
  title: {
    fontWeight: '600',
    fontSize: 16,
    marginTop: 12,
    marginBottom: 16,
    color: '#333',
  },
  nestedContainer: {
    padding: 16,
    minHeight: 120,
  },
  resultText: {
    fontSize: 14,
    color: '#666',
    marginTop: 8,
    padding: 8,
    backgroundColor: '#F5F5F5',
    borderRadius: 4,
  },
  customButton: {
    marginVertical: 4,
  },
  timeDisplay: {
    fontSize: 18,
    fontWeight: '500',
    color: '#007AFF',
    textAlign: 'center',
    padding: 12,
    backgroundColor: '#F0F8FF',
    borderRadius: 6,
  },
  loadingIndicator: {
    marginVertical: 8,
  },
});