"use client";
import { Controls, Elements, Layouts } from "../../components";
export default function Connect(props) {
    const message = props?.message || "Please connect wallet first.";
    const handleConnect = (e) => {
        if (typeof props?.onConnect === "function")
            props?.onConnect(e);
    };
    return (<Layouts.Blind background={props?.background}>
            <Layouts.Col gap={2} align={"center"} style={{ width: props?.width }} fit={!props?.width}>
                <Elements.Text type="strong" align={"center"} fit={!props?.width}>
                    {message}
                </Elements.Text>
                <Controls.Button type={"solid"} color={"black"} onClick={handleConnect} fit={!props?.width}>
                    Connect
                </Controls.Button>
            </Layouts.Col>
        </Layouts.Blind>);
}
//# sourceMappingURL=Connect.jsx.map