import Icon from '@components/Icon'
import { StyleConstants } from '@utils/styles/constants'
import { useTheme } from '@utils/styles/ThemeManager'
import { getTheme } from '@utils/styles/themes'
import React from 'react'
import FlashMessage, { showMessage } from 'react-native-flash-message'
import haptics from './haptics'
const displayMessage = ({
duration = 'short',
autoHide = true,
message,
description,
onPress,
mode,
type
}:
| {
duration?: 'short' | 'long'
autoHide?: boolean
message: string
description?: string
onPress?: () => void
mode?: undefined
type?: undefined
}
| {
duration?: 'short' | 'long'
autoHide?: boolean
message: string
description?: string
onPress?: () => void
mode: 'light' | 'dark'
type: 'success' | 'error' | 'warning'
}) => {
enum iconMapping {
success = 'CheckCircle',
error = 'XCircle',
warning = 'AlertCircle'
}
enum colorMapping {
success = 'blue',
error = 'red',
warning = 'secondary'
}
if (type && type === 'error') {
haptics('Error')
}
showMessage({
duration: type === 'error' ? 5000 : duration === 'short' ? 1500 : 3000,
autoHide,
message,
description,
onPress,
...(mode &&
type && {
renderFlashMessageIcon: () => {
return (
)
}
})
})
}
const Message = React.memo(
() => {
const { mode, theme } = useTheme()
return (
)
},
() => true
)
export { Message, displayMessage }