import { createThemeStyles } from '@/theme';
import { Dimensions } from 'react-native';

// const { width } = Dimensions.get('window');
// const BANNER_HEIGHT = width * 0.32534; // 保持 32.534% 的宽高比

/**
 * 创建主题样式
 */
export const styles = createThemeStyles((colors) => ({
  container: {
    backgroundColor: colors.background,
    paddingVertical: 10,
    borderBottomWidth: 1,
    borderBottomColor: colors.border,
  },
  scrollView: {
    paddingHorizontal: 12,
  },
  menuItem: {
    paddingHorizontal: 16,
    paddingVertical: 10,
    marginRight: 8,
    borderRadius: 22,
    backgroundColor: colors.backgroundSecondary,
    justifyContent: 'center',
    alignItems: 'center',
    elevation: 1,
    shadowColor: colors.cardShadow,
    shadowOffset: { width: 0, height: 1 },
    shadowOpacity: 0.1,
    shadowRadius: 2,
  },
  menuItemActive: {
    backgroundColor: colors.primary,
    elevation: 2,
    shadowOpacity: 0.15,
  },
  menuText: {
    fontSize: 13,
    color: colors.text,
    fontWeight: '600',
  },
  menuTextActive: {
    color: '#FFFFFF',
  },
}));