react-native-material-elements/src/components/Alert/utils.ts

React native material elements is a sophisticated UI library crafted to enhance your React Native development workflow. Designed for simplicity and elegance, nex-ui provides a rich collection of components and utilities to effortlessly create polished mob

import { TextStyle, ViewStyle } from 'react-native';
import { GetAlertContainerStylesParams, GetAlertTitleStylesParams } from './Alert';
import { getVariant } from '../../utils';
import { grey } from '../../libraries';

export const getAlertContainerStyles = ({ colors, variant, variation }: GetAlertContainerStylesParams): ViewStyle => {
  const variantColor = getVariant({ variant, colors });
  const isOutlinedAlert = variation === 'outlined';

  if (isOutlinedAlert) {
    return {
      borderColor: variantColor,
      borderWidth: 1,
    };
  }

  return { backgroundColor: variantColor };
};

export const getAlertTitleStyles = ({ variant, variation, colorScheme }: GetAlertTitleStylesParams): TextStyle => {
  const isLight = colorScheme === 'light';

  const isWarningVariant = variant === 'warning';
  const isLightGreyVariant = variant === 'lightGrey';
  const isOutlinedAlert = variation === 'outlined';

  if (isLightGreyVariant && isLight) {
    return { color: grey[900] };
  }

  return {
    ...(!isOutlinedAlert && isWarningVariant && { color: grey[900] }),
  };
};