@coder/backstage-plugin-coder/dist/components/CoderAuthForm/CoderAuthSuccessStatus.esm.js

Create and manage Coder workspaces from Backstage

import { jsxs, jsx } from 'react/jsx-runtime';
import { makeStyles } from '@material-ui/core';
import { CoderLogo } from '../CoderLogo/CoderLogo.esm.js';
import { UnlinkAccountButton } from './UnlinkAccountButton.esm.js';

const useStyles = makeStyles((theme) => ({
  root: {
    display: "flex",
    flexFlow: "column nowrap",
    alignItems: "center",
    rowGap: theme.spacing(1),
    maxWidth: "30em",
    marginLeft: "auto",
    marginRight: "auto",
    color: theme.palette.text.primary,
    fontSize: "1rem"
  },
  statusArea: {
    display: "flex",
    flexFlow: "column nowrap",
    alignItems: "center"
  },
  logo: {
    //
  },
  text: {
    textAlign: "center",
    lineHeight: "1rem"
  }
}));
function CoderAuthSuccessStatus() {
  const styles = useStyles();
  return /* @__PURE__ */ jsxs("div", { className: styles.root, children: [
    /* @__PURE__ */ jsxs("div", { className: styles.statusArea, children: [
      /* @__PURE__ */ jsx(CoderLogo, { className: styles.logo }),
      /* @__PURE__ */ jsx("p", { className: styles.text, children: "You are fully authenticated with Coder!" })
    ] }),
    /* @__PURE__ */ jsx(UnlinkAccountButton, {})
  ] });
}

export { CoderAuthSuccessStatus };
//# sourceMappingURL=CoderAuthSuccessStatus.esm.js.map