Something went wrong. Try again.
This repository has no description
Something went wrong. Try again.
774 B · 38 lines
JavaScript
at main
123456789101112131415161718192021222324252627282930313233343536373839import React from 'react';import { AlertOctagon, AlertTriangle, CheckCircle, Info, X,} from 'react-feather';
import VisuallyHidden from '../VisuallyHidden';
import styles from './Toast.module.css';
const ICONS_BY_VARIANT = { notice: Info, warning: AlertTriangle, success: CheckCircle, error: AlertOctagon,};
function Toast() { return ( <div className={`${styles.toast} ${styles.notice}`}> <div className={styles.iconContainer}> <Info size={24} /> </div> <p className={styles.content}> 16 photos have been uploaded </p> <button className={styles.closeButton}> <X size={24} /> <VisuallyHidden>Dismiss message</VisuallyHidden> </button> </div> );}
export default Toast;