An Alert component is a UI element used to display important messages or notifications to users. It can convey different types of information such as success, warning, error, or informational messages, typically styled with distinct colors and icons to highlight the message's significance. Alerts are often used to grab the user's attention and provide immediate feedback on actions or events.

# Demo

Alert!

New version available!

Information!

New version available!

Success!

New version available!

Warning!

New version available!

Error!

New version available!

# Attributes

Name	Type	Default	Details
className	string	' '	You can customise by passing tailwind classes.
titleClassName	string	' '	You can customise by passing tailwind classes.
closeClassName	string	' '	You can customise by passing tailwind classes.
messageClassName	string	' '	You can customise by passing tailwind classes.
type	AlertTypes	AlertTypes.DEFAULT	You can pass type of the alert.
title	string	Renders based on the type you passed.	You can pass alert title.
message	string	Required	You can pass alert message.
onClose	() => void	Required	You can get callback when alert got closed.

# Usage

import { NAlert, AlertTypes } from 'nayan';

const Alert = () => {
  return (
    <div>
      <NAlert type={AlertTypes.DEFAULT} message="New version available!" className="mb-3" onClose={() => console.log('Alert closed')} />
      <NAlert type={AlertTypes.INFO} message="New version available!" className="mb-3" onClose={() => console.log('Alert closed')} />
      <NAlert type={AlertTypes.SUCCESS} message="New version available!" className="mb-3" onClose={() => console.log('Alert closed')} />
      <NAlert type={AlertTypes.WARNING} message="New version available!" className="mb-3" onClose={() => console.log('Alert closed')} />
      <NAlert type={AlertTypes.ERROR} title="Error!" message="New version available!" className="mb-3" onClose={() => console.log('Alert closed')} />
    </div>
  );
};

export default Alert;