UNPKG

react-native-ui-lib

Version:

<p align="center"> <img src="https://user-images.githubusercontent.com/1780255/105469025-56759000-5ca0-11eb-993d-3568c1fd54f4.png" height="250px" style="display:block"/> </p> <p align="center">UI Toolset & Components Library for React Native</p> <p a

47 lines (42 loc) 1.27 kB
import React from 'react'; import { Colors } from "../../../style"; import { ToastPresets } from "../types"; const checkMarkIcon = require("../assets/checkmarkFlat.png"); const exclamationIcon = require("../assets/exclamationFill.png"); const infoIcon = require("../assets/info.png"); const redCloudIcon = require("../assets/redCloud.png"); const TOAST_PRESETS = { [ToastPresets.GENERAL]: { icon: infoIcon, iconColor: Colors.getColorTint(Colors.primary, 50), accessibilityMessagePrefix: '' }, [ToastPresets.SUCCESS]: { icon: checkMarkIcon, iconColor: Colors.green40, accessibilityMessagePrefix: 'Success' }, [ToastPresets.FAILURE]: { icon: exclamationIcon, iconColor: Colors.red40, accessibilityMessagePrefix: 'Alert' }, [ToastPresets.OFFLINE]: { icon: redCloudIcon, iconColor: Colors.getColorTint(Colors.primary, 50), accessibilityMessagePrefix: 'Offline' } }; export default (({ preset, icon, iconColor, message }) => { const toastPreset = preset ? TOAST_PRESETS[preset] : undefined; return { icon: icon ?? toastPreset?.icon, iconColor: iconColor ?? toastPreset?.iconColor, accessibilityMessage: `${toastPreset?.accessibilityMessagePrefix} notification, ${message}` }; });