@backpackapp-io/react-native-toast/src/utils/styles.ts

A toasting library for React Native. Built in features such as swipe to dismiss, multiple toasts, & no context power this library.

import type { ViewStyle } from 'react-native';

/**
 * Construct a shadow object given a color and opacity
 * @param color The hexidecimal color to turn into a shadow
 * @param opacity the opacity of the shadow
 * @param enlargeShadow
 * @param isImage
 */
export const ConstructShadow = (
  color?: string,
  opacity?: number,
  enlargeShadow?: boolean,
  isImage?: boolean,
  floatBelow?: boolean
): ViewStyle => {
  return {
    shadowColor: color ?? '#000',
    shadowOffset: {
      width: 0,
      height: (floatBelow ? -1 : 1) * (enlargeShadow ? 8 : 3),
    },
    shadowOpacity: opacity ?? 0.18,
    shadowRadius: enlargeShadow ? 6 : 4.65,

    elevation: isImage ? undefined : 7,
  };
};

export const colors = {
  primary: '#1B71FC',
  backgroundLight: '#212331',
  backgroundDark: '#f7f7f7',
  success: '#0BAA83',
  error: '#fe352a',
  info: '#74B9FF',
  textLight: '#52616B',
  textDark: '#f2f2f2',
  label: '#9daec9',
};