import React from "react";
import { Flex, Text, Button } from "@netdata/netdata-ui";
import SignIn from "../../../../auth/signIn";
import promptContent from "./promptContent";
const SignInPrompt = () => {
    return (React.createElement(SignIn, { utmParameters: { content: "sidebar" } }, ({ isRegistry, link, onSignIn, offline }) => {
        const { title, content } = promptContent["signIn"];
        return (React.createElement(Flex, { background: ["neutral", "regentgrey"], column: true, gap: 4, padding: [10], border: { side: "right", color: "panel" } },
            React.createElement(Text, { color: "bright", strong: true }, title),
            content.map(el => el),
            React.createElement(Button, Object.assign({ width: "100%", label: "Sign in", disabled: offline }, (isRegistry ? { as: "a", href: link } : { onClick: onSignIn })))));
    }));
};
export default SignInPrompt;
//# sourceMappingURL=index.js.map