inji-wallet/components/BannerNotification.tsx

import React from 'react';
import {View} from 'react-native';
import {Row, Text} from './ui';
import {Theme} from './ui/styleUtils';
import {Icon} from 'react-native-elements';
import testIDProps from '../shared/commonUtil';

export const BannerNotification: React.FC<BannerNotificationProps> = props => {
  return (
    <View {...testIDProps(props.testId)} style={props.customStyle}>
      <Row
        style={
          props.customStyle
            ? Theme.Styles
                .backupRestoreBanner /* TODO: rename to style without mentioning any specific flow */
            : Theme.Styles.downloadingVcPopUp
        }>
        <Text color={Theme.Colors.whiteText} weight="semibold" size="smaller">
          {props.message}
        </Text>
        <Icon
          {...testIDProps('close')}
          name="close"
          onPress={props.onClosePress}
          color={Theme.Colors.whiteText}
          size={19}
        />
      </Row>
    </View>
  );
};

export interface BannerNotificationProps {
  message: string;
  onClosePress: () => void;
  testId: string;
  customStyle?: Object;
}