import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Button } from "antd";
import { Col, Modal } from "antd-latest";
import { CrossCircle } from "../../../../Components/Icons/CrossCircle";
import { useActions } from "../../../../overmind";
import { useState } from "react";
export const GetWhitelistedModal = ({ daoOwner }) => {
    const states = {
        disabled: 0,
        start: 1,
    };
    const [mode, setMode] = useState(states.start);
    const actions = useActions();
    return (_jsxs(Modal, { closeIcon: _jsx(CrossCircle, {}), visible: mode == states.start, onCancel: () => setMode(states.disabled), className: "modal-ctn", footer: [], children: [_jsxs(Col, { children: [_jsx("h2", { children: "Oops! You're not a member" }), _jsx("p", { className: "u-margin-top-large u-margin-bottom-large", children: "You need to be nominated and approved by the DAO members before you can vote! Ask a member of the DAO to submit a new member proposal on your behalf." })] }), _jsxs(Button, { onClick: () => setMode(states.disabled), className: "confirm-btn", children: [" ", "Okay"] }), _jsxs(Button, { className: "cancel-btn", onClick: () => {
                    actions.routing.historyPush({ location: `/dao/${daoOwner}/proposals` });
                }, children: [" ", "Back to DAO"] })] }));
};
//# sourceMappingURL=GetWhitelistedModal.js.map