youtuber-blog-frontend/build/server/chunks/_page.svelte-BE5EC0v1.js

import { c as create_ssr_component, v as validate_component, e as escape, s as spread, f as escape_object, d as escape_attribute_value, a as each } from './ssr-ipqebOFl.js';
import { c as config } from './config-BHx687w1.js';
import { i as is_void } from './index3-JA_ucGjW.js';
import { M as Mode_watcher } from './mode-watcher-CR12JZYP.js';
import { c as compute_rest_props } from './lifecycle-px-3doLe.js';
import './shared-server-i79vVjEm.js';
import 'tailwind-variants';
import './index2-D4yenS_5.js';
import './ssr2-BVSPLo1E.js';
import 'clsx';

const defaultAttributes = {
  outline: {
    xmlns: "http://www.w3.org/2000/svg",
    width: 24,
    height: 24,
    viewBox: "0 0 24 24",
    fill: "none",
    stroke: "currentColor",
    "stroke-width": 2,
    "stroke-linecap": "round",
    "stroke-linejoin": "round"
  },
  filled: {
    xmlns: "http://www.w3.org/2000/svg",
    width: 24,
    height: 24,
    viewBox: "0 0 24 24",
    fill: "currentColor",
    stroke: "none"
  }
};
const defaultAttributes$1 = defaultAttributes;
const Icon = create_ssr_component(($$result, $$props, $$bindings, slots) => {
  let $$restProps = compute_rest_props($$props, ["type", "name", "color", "size", "stroke", "iconNode"]);
  let { type } = $$props;
  let { name } = $$props;
  let { color = "currentColor" } = $$props;
  let { size = 24 } = $$props;
  let { stroke = 2 } = $$props;
  let { iconNode } = $$props;
  if ($$props.type === void 0 && $$bindings.type && type !== void 0)
    $$bindings.type(type);
  if ($$props.name === void 0 && $$bindings.name && name !== void 0)
    $$bindings.name(name);
  if ($$props.color === void 0 && $$bindings.color && color !== void 0)
    $$bindings.color(color);
  if ($$props.size === void 0 && $$bindings.size && size !== void 0)
    $$bindings.size(size);
  if ($$props.stroke === void 0 && $$bindings.stroke && stroke !== void 0)
    $$bindings.stroke(stroke);
  if ($$props.iconNode === void 0 && $$bindings.iconNode && iconNode !== void 0)
    $$bindings.iconNode(iconNode);
  return `<svg${spread(
    [
      escape_object(defaultAttributes$1[type]),
      escape_object($$restProps),
      { width: escape_attribute_value(size) },
      { height: escape_attribute_value(size) },
      {
        class: escape_attribute_value(`tabler-icon tabler-icon-${name} ${$$props.class ?? ""}`)
      },
      escape_object(type === "filled" ? { fill: color } : { "stroke-width": stroke, stroke: color })
    ],
    {}
  )}>${each(iconNode, ([tag, attrs]) => {
    return `${((tag$1) => {
      return tag$1 ? `<${tag}${spread([escape_object(attrs)], {})}>${is_void(tag$1) ? "" : ``}${is_void(tag$1) ? "" : `</${tag$1}>`}` : "";
    })(tag)}`;
  })}${slots.default ? slots.default({}) : ``}</svg>`;
});
const Icon$1 = Icon;
const Brand_google = create_ssr_component(($$result, $$props, $$bindings, slots) => {
  const iconNode = [
    [
      "path",
      {
        "d": "M20.945 11a9 9 0 1 1 -3.284 -5.997l-2.655 2.392a5.5 5.5 0 1 0 2.119 6.605h-4.125v-3h7.945z"
      }
    ]
  ];
  return `${validate_component(Icon$1, "Icon").$$render($$result, Object.assign({}, { type: "outline" }, { name: "brand-google" }, $$props, { iconNode }), {}, {
    default: () => {
      return `${slots.default ? slots.default({}) : ``}`;
    }
  })}`;
});
const IconBrandGoogle = Brand_google;
const Page = create_ssr_component(($$result, $$props, $$bindings, slots) => {
  return `${validate_component(Mode_watcher, "ModeWatcher").$$render($$result, {}, {}, {})} <div class="mx-auto flex h-screen w-screen items-center justify-center flex-col"><h2 class="text-lg font-bold pb-4" data-svelte-h="svelte-1oz5zzn">Press the button to log in or create an account</h2>  <a href="${escape(config.api_url, true) + "/auth/google"}" class="group/btn relative flex max-w-64 h-10 w-full items-center justify-start space-x-2 rounded-md bg-gray-50 px-4 font-medium text-black shadow-input dark:bg-zinc-900 dark:shadow-[0px_0px_1px_1px_var(--neutral-800)]">${validate_component(IconBrandGoogle, "IconBrandGoogle").$$render(
    $$result,
    {
      class: "h-4 w-4 text-neutral-800 dark:text-neutral-300"
    },
    {},
    {}
  )} <span class="text-sm text-neutral-700 dark:text-neutral-300" data-svelte-h="svelte-9qz87j">Log in with Google</span> <span class="absolute inset-x-0 -bottom-px block h-px w-full bg-gradient-to-r from-transparent via-cyan-500 to-transparent opacity-0 transition duration-500 group-hover/btn:opacity-100"></span> <span class="absolute inset-x-10 -bottom-px mx-auto block h-px w-1/2 bg-gradient-to-r from-transparent via-indigo-500 to-transparent opacity-0 blur-sm transition duration-500 group-hover/btn:opacity-100"></span></a></div>`;
});

export { Page as default };
//# sourceMappingURL=_page.svelte-BE5EC0v1.js.map