A Confirm Alert component is a UI element that prompts users to confirm or cancel an action before proceeding. It typically displays a message asking for confirmation, along with "Confirm" and "Cancel" buttons, ensuring that the user consciously approves or rejects the action, often used for critical tasks like deletions or irreversible changes.

# Demo

# Attributes

Name	Type	Default	Details
className	string	' '	You can customise by passing tailwind classes.
titleClassName	string	' '	You can customise by passing tailwind classes.
messageClassName	string	' '	You can customise by passing tailwind classes.
confirmClassName	string	' '	You can customise by passing tailwind classes.
cancelClassName	string	' '	You can customise by passing tailwind classes.
title	string	Are you absolutely sure?	You can pass title for confirm alert.
message	string	Required	You can pass message for confirm alert.
confirmText	string	Confirm	You can pass confirmText for confirm alert.
cancelText	string	Cancel	You can pass cancelText for confirm alert.
isOpen	boolean	false	You can pass isOpen to show / hide alert box.
onClose	() => void	Required	You can get callback when confirm alert got closed.
onResult	(result: boolean) => void	Required	You can get callback when alert confirmed / cancelled.

# Usage

import { useState } from 'react';
import { NConfirmAlert, NButton } from 'nayan';

const ConfirmAlert = () => {
  const [isOpen, setIsOpen] = useState(false);

  return (
    <div>
      <NConfirmAlert
        isOpen={isOpen}
        title="Are you absolutely sure?"
        message="This action cannot be undone. This will permanently delete your account and remove your data from our servers."
        onResult={result => console.log('Alert Clicked', result)}
        onClose={() => setIsOpen(false)}
      />
      <NButton onClick={() => setIsOpen(true)}>Show Alert</NButton>
    </div>
  );
};

export default ConfirmAlert;