import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import Notification from "./index";
import NotificationItem from "./notification-item";
import { Severity } from "../../contexts/notifications";
import defaultTheme from "../../theme/default";
import curveTheme from "../../theme/curve";
import genshiroTheme from "../../theme/genshiro";
export default {
    title: "Base/Notification",
    component: NotificationItem,
};
export const Default = () => (_jsx("div", { style: { marginTop: 50, maxWidth: 400 }, children: _jsxs(Notification.Wrapper, { theme: defaultTheme, children: [_jsx(NotificationItem, { theme: defaultTheme.notification, onClose: () => null, severity: Severity.Message, visible: true, href: undefined, onClick: () => null, children: _jsx(Notification.Text, { theme: defaultTheme, children: "Message" }) }), _jsx(NotificationItem, { theme: defaultTheme.notification, onClose: () => null, severity: Severity.Warning, visible: true, href: undefined, onClick: () => null, children: _jsx(Notification.Text, { theme: defaultTheme, children: "Warning" }) }), _jsx(NotificationItem, { theme: defaultTheme.notification, onClose: () => null, severity: Severity.Error, visible: true, href: undefined, onClick: () => null, children: _jsx(Notification.Text, { theme: defaultTheme, children: "Error" }) })] }) }));
export const Genshiro = () => (_jsx("div", { style: { marginTop: 50, maxWidth: 400 }, children: _jsxs(Notification.Wrapper, { theme: genshiroTheme, children: [_jsx(NotificationItem, { theme: genshiroTheme.notification, onClose: () => null, severity: Severity.Message, visible: true, href: undefined, onClick: () => null, children: _jsx(Notification.Text, { theme: genshiroTheme, children: "Message" }) }), _jsx(NotificationItem, { theme: genshiroTheme.notification, onClose: () => null, severity: Severity.Warning, visible: true, href: undefined, onClick: () => null, children: _jsx(Notification.Text, { theme: genshiroTheme, children: "Warning" }) }), _jsx(NotificationItem, { theme: genshiroTheme.notification, onClose: () => null, severity: Severity.Error, visible: true, href: undefined, onClick: () => null, children: _jsx(Notification.Text, { theme: genshiroTheme, children: "Error" }) })] }) }));
export const Curve = () => (_jsx("div", { style: { marginTop: 50, maxWidth: 400 }, children: _jsxs(Notification.Wrapper, { theme: curveTheme, children: [_jsx(NotificationItem, { theme: curveTheme.notification, onClose: () => null, severity: Severity.Message, visible: true, href: undefined, onClick: () => null, children: _jsx(Notification.Text, { theme: curveTheme, children: "Message" }) }), _jsx(NotificationItem, { theme: curveTheme.notification, onClose: () => null, severity: Severity.Warning, visible: true, href: undefined, onClick: () => null, children: _jsx(Notification.Text, { theme: curveTheme, children: "Warning" }) }), _jsx(NotificationItem, { theme: curveTheme.notification, onClose: () => null, severity: Severity.Error, visible: true, href: undefined, onClick: () => null, children: _jsx(Notification.Text, { theme: curveTheme, children: "Error" }) })] }) }));
//# sourceMappingURL=index.stories.js.map