waseem496 / alertnotificatons Goto Github PK

• Extra Small (Size < 576px) and Small (Size >= 576px)
• Medium (Size >= 768px), Large (Size >= 992px) and Extra Large (Size >= 1200px)

• Download dependencies by running npm install
• Start up the app using npm start

The app must have the following functionalities

• For each notification, the Notification component should receive the below elements as children
  • Icon
  • Heading
  • Description

Use these files to complete the implementation:

• src/components/Notification/index.js
• src/components/Notification/index.css
• src/components/AlertNotifications/index.js
• src/components/AlertNotifications/index.css

The following instructions are required for the tests to pass

• Access the elements passed to the Notification Component using the children prop.
• AiFillCheckCircle from react-icons should be used for Success notification.
• RiErrorWarningFill from react-icons should be used for Error notification.
• MdWarning from react-icons should be used for Warning notification.
• MdInfo from react-icons should be used for Info notification.
• GrFormClose from react-icons should be used as Close icon in each notification.

• Roboto