import React from "react";
import { CheckCircleIcon, InfoIcon, WarningCircleIcon, XCircleIcon, } from "@phosphor-icons/react";
import * as styles from "./styles";
const icons = {
    error: XCircleIcon,
    warning: WarningCircleIcon,
    success: CheckCircleIcon,
    info: InfoIcon,
};
export const Alert = ({ title, message, type = "warning", }) => {
    const Icon = icons[type];
    return (React.createElement("div", { className: styles.container, "data-type": type },
        React.createElement("div", { className: styles.insideAlert },
            React.createElement("div", { className: styles.iconContainer },
                React.createElement(Icon, { className: styles.icon, "aria-hidden": true, weight: "fill" })),
            React.createElement("div", { className: styles.messageContainer },
                React.createElement("h3", { className: styles.title }, title),
                message && React.createElement("p", { className: styles.message }, message)))));
};
//# sourceMappingURL=index.js.map