ar-design
Version:
AR Design is a (react | nextjs) ui library.
30 lines (29 loc) • 1.51 kB
JavaScript
"use client";
import React, { createContext, useState } from "react";
import Notification from "../../../../components/feedback/notification";
import PopupConfirm from "../../../../components/feedback/popup-confirm";
const NotificationContext = createContext({});
const NotificationProvider = ({ children, direction }) => {
const [title, setTitle] = useState("Example");
const [message, setMessage] = useState("Lorem Ipsum, dizgi ve baskı endüstrisinde kullanılan mıgır metinlerdir.");
const [status, setStatus] = useState("success");
const [popupStatus, setPopupStatus] = useState("success");
const [trigger, setTrigger] = useState(false);
const [isPopupOpen, setIsPopupOpen] = useState(false);
const [popupButtons, setPopupButtons] = useState(null);
const [onConfirm, setOnConfirm] = useState(null);
return (React.createElement(NotificationContext.Provider, { value: {
setTitle,
setMessage,
setStatus,
setPopupStatus,
setTrigger,
setIsPopupOpen,
setPopupButtons,
setOnConfirm,
} },
children,
React.createElement(Notification, { title: title, message: message, status: status, direction: direction, trigger: trigger }),
React.createElement(PopupConfirm, { title: title, message: message, status: popupStatus, isOpen: isPopupOpen, buttons: popupButtons, onConfirm: onConfirm })));
};
export { NotificationContext, NotificationProvider };