import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Col, Row } from "antd";
import { ContentLayout } from "../../Components/ContentLayout";
import { useActions } from "../../overmind";
import Button from "antd/lib/button";
export const OnboardingTypeSelector = () => {
    const actions = useActions();
    return (_jsx(ContentLayout, { customClass: "app-content-layout", children: _jsxs(Row, { gutter: [20, 20], justify: "center", children: [_jsx(Col, { children: _jsx(Button, { onClick: actions.flows.user.create.startMetamaskFlow, children: _jsx("p", { className: "paragraph-1r", children: "I have a username purchased on OpenSea" }) }) }), _jsx(Col, { children: _jsx(Button, { onClick: () => {
                            actions.routing.historyPush({ location: "/" });
                            actions.flows.user.create.stopMetamaskFlow();
                        }, children: _jsx("p", { className: "paragraph-1r", children: "I want to create a new username" }) }) })] }) }));
};
//# sourceMappingURL=OnboardingTypeSelector.js.map