/services/oauth2/authorization

import { logo, LogoContext, LogoSize, LogoStyle } from "@hedia/brand/html";
import { button, buttons } from "@hedia/hexui/components/button";
import { content } from "@hedia/hexui/components/content";
import { footer } from "@hedia/hexui/components/footer";
import { header } from "@hedia/hexui/components/header";
import { navbar } from "@hedia/hexui/components/navbar";
import { prose } from "@hedia/hexui/components/prose";
import { screen } from "@hedia/hexui/components/screen";
import { a, h2, li, p, strong, ul } from "@hedia/html/elements";
import { closeOutlineIcon } from "@hedia/iconly/outline";

export default {
  authorizeScreen,
};

export function authorizeScreen() {
  return screen(
    header(
      navbar(
        a({ href: "#" }, closeOutlineIcon()),
        h2(logo({ context: LogoContext.Product, size: LogoSize.ExtraSmall, style: LogoStyle.Standard })),
      ),
    ),
    content(
      prose(
        h2("3rd Party wants access to your Hedia account"),
        p("This will allow 3rd Party to:"),
        ul(
          li(strong("Access your data"), p("Blood Glucose, Bolus Calculation")),
          li(strong("Update your data"), p("Emails")),
        ),
        p(
          "For more information on how your personal data will be processed, please see the ",
          a({ href: "#" }, "privacy policy"),
          " of 3rd Party.",
        ),
        p(
          "You always have the right to withdraw your consent at any time. To learn more, see Hedia's ",
          a({ href: "#" }, "privacy notice"),
          ".",
        ),
      ),
    ),
    footer(
      buttons(
        { arrangement: "vertical" },
        button({ kind: "primary" }, "Allow"),
        button({ kind: "secondary" }, "Cancel"),
      ),
    ),
  );
}