const BASE_LAYOUT_PROP_IDS = {
  PRIVATE: "private-master-layout",
  PUBLIC: "public-master-layout",
}

const BASE_LAYOUTS = [
  {
    componentLibraries: ["@budibase/standard-components"],
    title: "{{ name }}",
    favicon: "./_shared/favicon.png",
    stylesheets: [],
    name: "Main",
    props: {
      _id: BASE_LAYOUT_PROP_IDS.PRIVATE,
      _component: "@budibase/standard-components/container",
      _children: [
        {
          _id: "c74f07266980c4b6eafc33e2a6caa783d",
          _component: "@budibase/standard-components/container",
          _styles: {
            normal: {
              display: "flex",
              "flex-direction": "row",
              "justify-content": "flex-start",
              "align-items": "flex-start",
              background: "#fff",
              width: "100%",
              "box-shadow": "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
            },
            hover: {},
            active: {},
            selected: {},
          },
          _code: "",
          className: "",
          onLoad: [],
          type: "div",
          _appId: "inst_app_80b_f158d4057d2c4bedb0042d42fda8abaf",
          _instanceName: "Header",
          _children: [
            {
              _id: "49e0e519-9e5e-4127-885a-ee6a0a49e2c1",
              _component: "@budibase/standard-components/Navigation",
              _styles: {
                normal: {
                  "max-width": "1400px",
                  "margin-left": "auto",
                  "margin-right": "auto",
                  padding: "20px",
                  color: "#757575",
                  "font-weight": "400",
                  "font-size": "16px",
                  flex: "1 1 auto",
                },
                hover: {},
                active: {},
                selected: {},
              },
              _code: "",
              logoUrl:
                "https://d33wubrfki0l68.cloudfront.net/aac32159d7207b5085e74a7ef67afbb7027786c5/2b1fd/img/logo/bb-emblem.svg",
              title: "",
              backgroundColor: "",
              color: "",
              borderWidth: "",
              borderColor: "",
              borderStyle: "",
              _appId: "inst_cf8ace4_69efc0d72e6f443db2d4c902c14d9394",
              _instanceName: "Navigation",
              _children: [
                {
                  _id: "48b35328-4c91-4343-a6a3-1a1fd77b3386",
                  _component: "@budibase/standard-components/link",
                  _styles: {
                    normal: {
                      "font-family": "Inter",
                      "font-weight": "500",
                      color: "#000000",
                      "text-decoration-line": "none",
                      "font-size": "16px",
                    },
                    hover: {
                      color: "#4285f4",
                    },
                    active: {},
                    selected: {},
                  },
                  _code: "",
                  url: "/",
                  openInNewTab: false,
                  text: "Home",
                  color: "",
                  hoverColor: "",
                  underline: false,
                  fontSize: "",
                  fontFamily: "initial",
                  _appId: "inst_cf8ace4_69efc0d72e6f443db2d4c902c14d9394",
                  _instanceName: "Home Link",
                  _children: [],
                },
              ],
            },
          ],
        },
        {
          _id: "7fcf11e4-6f5b-4085-8e0d-9f3d44c98967",
          _component: "##builtin/screenslot",
          _styles: {
            normal: {
              flex: "1 1 auto",
              display: "flex",
              "flex-direction": "column",
              "justify-content": "flex-start",
              "align-items": "stretch",
              "max-width": "100%",
              "margin-left": "20px",
              "margin-right": "20px",
              width: "1400px",
              padding: "20px",
            },
            hover: {},
            active: {},
            selected: {},
          },
          _code: "",
          _children: [],
        },
      ],
      type: "div",
      _styles: {
        active: {},
        hover: {},
        normal: {
          display: "flex",
          "flex-direction": "column",
          "align-items": "center",
          "justify-content": "flex-start",
          "margin-right": "auto",
          "margin-left": "auto",
          "min-height": "100%",
          "background-image":
            "linear-gradient(135deg, rgba(252,215,212,1) 20%, rgba(207,218,255,1) 100%);",
        },
        selected: {},
      },
      _code: "",
      className: "",
      onLoad: [],
    },
  },
  // // TODO: needs removed
  // {
  //   componentLibraries: ["@budibase/standard-components"],
  //   title: "{{ name }}",
  //   favicon: "./_shared/favicon.png",
  //   stylesheets: [],
  //   name: "Unauthenticated",
  //   props: {
  //     _id: BASE_LAYOUT_PROP_IDS.PUBLIC,
  //     _component: "@budibase/standard-components/container",
  //     _children: [
  //       {
  //         _id: "686c252d-dbf2-4e28-9078-414ba4719759",
  //         _component: "@budibase/standard-components/login",
  //         _styles: {
  //           normal: {
  //             padding: "64px",
  //             background: "rgba(255, 255, 255, 0.4)",
  //             "border-radius": "0.5rem",
  //             "margin-top": "0px",
  //             margin: "0px",
  //             "line-height": "1",
  //             "box-shadow":
  //               "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",
  //             "font-size": "16px",
  //             "font-family": "Inter",
  //             flex: "0 1 auto",
  //             transform: "0",
  //           },
  //           hover: {},
  //           active: {},
  //           selected: {},
  //         },
  //         _code: "",
  //         loginRedirect: "",
  //         usernameLabel: "Username",
  //         passwordLabel: "Password",
  //         loginButtonLabel: "Login",
  //         buttonClass: "",
  //         _instanceName: "Login",
  //         inputClass: "",
  //         _children: [],
  //         title: "Log in to {{ name }}",
  //         buttonText: "Log In",
  //         logo:
  //           "https://d33wubrfki0l68.cloudfront.net/aac32159d7207b5085e74a7ef67afbb7027786c5/2b1fd/img/logo/bb-emblem.svg",
  //       },
  //     ],
  //     type: "div",
  //     _styles: {
  //       active: {},
  //       hover: {},
  //       normal: {
  //         display: "flex",
  //         "flex-direction": "column",
  //         "align-items": "center",
  //         "justify-content": "center",
  //         "margin-right": "auto",
  //         "margin-left": "auto",
  //         "min-height": "100%",
  //         "background-image":
  //           "linear-gradient(135deg, rgba(252,215,212,1) 20%, rgba(207,218,255,1) 100%);",
  //       },
  //       selected: {},
  //     },
  //     _code: "",
  //     className: "",
  //     onLoad: [],
  //   },
  // },
]

module.exports = {
  BASE_LAYOUTS,
  BASE_LAYOUT_PROP_IDS,
}