import { Dimensions, Platform } from 'react-native';

const { width: screenWidth, height: screenHeight } = Dimensions.get('window');

export const Screen = {
  screenWidth,
  screenHeight,
  isAndroid: Platform.OS === 'android',
  isIOS: Platform.OS === 'ios',
};

const GlobalTheme = {
  colors: {
    // Primary Colors
    primary: '#113F8C', // Main color for buttons, headers
    secondary: '#2357C6', 
    lightbluetext:'#7F83AB',
    text: '#333333', // Text color for most content
    lightblue:'#E2E7F2',
    lightblueborder:'#ECECEC',
    bluebgcolor :'#EAF0F4',

    // Additional Colors
    success: '#4caf50', // Success or positive action color
    yellow: '#FFD661', // Warning or alert color
    error: '#ff5252', // Error or negative action color
    info: '#2196f3', // Information color

    // Grayscale
    white: '#ffffff',
    lightGray: '#F1F1F1',
    gray: '#676767',
    darkGray: '#555555',
    black: '#000000',
  },
  typography: {
    // Define typography styles here (e.g., font family, sizes, line heights, etc.)
    fontFamily: 'Regular',
    fontSize: {
      xxsmall: 12,
      xsmall :14,
      small: 16,
      medium: 18,
      large: 20,
    },
    fontWeight: {
      regular: '400',
      medium: '500',
      bold: '700',
    },
  },
  spacing: {
    // Define spacing units (e.g., margin and padding) for consistent layout
    xs: 4,
    sm: 8,
    md: 16,
    lg: 24,
    xl: 32,
  },
  borderRadius: {
    // Define border radius values for consistent UI elements
    sm: 5,
    md: 10,
    lg: 15,
    lgg: 20,
    xlg: 25,
    xxlg: 35,

  },
  // Add other global theme properties as needed
};

export default GlobalTheme;

export const shadow = {
  shadowColor: '#00000029',
  shadowOffset: {width: 5, height: 5},
  shadowOpacity: 0.8,
  shadowRadius: 10,
  elevation: 20,
};

export const horizonalLine = {
  backgroundColor :'#E2E7F2',
  height:1.5,
  width: '100%',
};
