import styled , { css } from 'reshadow' ; import { ENotificationType } from '@cloudbeaver/core-events' ; import { Loader } from '../../Loader/Loader' ; import { NotificationMark } from '../NotificationMark' ; const SNACKBAR_STATUS_STYLES = css `
  NotificationMark {
    padding-right: 12px; 
  }
  loader-container {
    padding-right: 12px;
    & Loader {
      width: 40px;
      height: 40px;
    }
  }
` ; interface SnackbarStatusProps { status : ENotificationType ; className ? : string ; } export const SnackbarStatus = function SnackbarStatus ( { status , className } ) { return styled ( SNACKBAR_STATUS_STYLES ) ( status === ENotificationType . Loading ? ( < loader - container className = { className } > < Loader fullSize hideMessage / > < /loader-container>) : <NotificationMark className={className} type={status}/ > ) ; } ;