import { w as attr, q as escape_html, n as attributes, y as clsx, c as bind_props } from './index2-CkPUJ4Ro.js';
import './root-ByBW8a1L.js';
import './state.svelte-DhWLC4I4.js';
import { B as Button } from './button-BHoLc3MZ.js';
import { c as cn } from './utils2-B05Dmz_H.js';
import { L as Label } from './label-DZzblctN.js';
import { C as Card, a as Card_header, c as Card_title, d as Card_description, b as Card_content } from './card-title-CgD7IUQ_.js';
import 'clsx';
import 'tailwind-merge';

function Input($$renderer, $$props) {
  $$renderer.component(($$renderer2) => {
    let {
      ref = null,
      value = void 0,
      type,
      files = void 0,
      class: className,
      "data-slot": dataSlot = "input",
      $$slots,
      $$events,
      ...restProps
    } = $$props;
    if (type === "file") {
      $$renderer2.push("<!--[-->");
      $$renderer2.push(`<input${attributes(
        {
          "data-slot": dataSlot,
          class: clsx(cn("selection:bg-primary dark:bg-input/30 selection:text-primary-foreground border-input ring-offset-background placeholder:text-muted-foreground flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 pt-1.5 text-sm font-medium shadow-xs transition-[color,box-shadow] outline-none disabled:cursor-not-allowed disabled:opacity-50", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", className)),
          type: "file",
          ...restProps
        },
        void 0,
        void 0,
        void 0,
        4
      )}/>`);
    } else {
      $$renderer2.push("<!--[!-->");
      $$renderer2.push(`<input${attributes(
        {
          "data-slot": dataSlot,
          class: clsx(cn("border-input bg-background selection:bg-primary dark:bg-input/30 selection:text-primary-foreground ring-offset-background placeholder:text-muted-foreground flex h-9 w-full min-w-0 rounded-md border px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", className)),
          type,
          value,
          ...restProps
        },
        void 0,
        void 0,
        void 0,
        4
      )}/>`);
    }
    $$renderer2.push(`<!--]-->`);
    bind_props($$props, { ref, value, files });
  });
}
function _page($$renderer, $$props) {
  $$renderer.component(($$renderer2) => {
    let { data, formAction } = $$props;
    const redirectTo = data.form?.redirectTo ?? data.redirectTo ?? "";
    const error = data.form?.error;
    $$renderer2.push(`<div class="app-shell max-w-sm mx-auto w-full">`);
    $$renderer2.push("<!---->");
    Card?.($$renderer2, {
      children: ($$renderer3) => {
        $$renderer3.push("<!---->");
        Card_header?.($$renderer3, {
          children: ($$renderer4) => {
            $$renderer4.push("<!---->");
            Card_title?.($$renderer4, {
              children: ($$renderer5) => {
                $$renderer5.push(`<!---->Sign in`);
              },
              $$slots: { default: true }
            });
            $$renderer4.push(`<!----> `);
            $$renderer4.push("<!---->");
            Card_description?.($$renderer4, {
              children: ($$renderer5) => {
                $$renderer5.push(`<!---->Enter your email and password.`);
              },
              $$slots: { default: true }
            });
            $$renderer4.push(`<!---->`);
          },
          $$slots: { default: true }
        });
        $$renderer3.push(`<!----> `);
        $$renderer3.push("<!---->");
        Card_content?.($$renderer3, {
          children: ($$renderer4) => {
            $$renderer4.push(`<form method="POST"${attr("action", formAction)} class="flex flex-col gap-4"><input type="hidden" name="redirectTo"${attr("value", redirectTo)}/> <div class="grid gap-2">`);
            Label($$renderer4, {
              for: "email",
              children: ($$renderer5) => {
                $$renderer5.push(`<!---->Email`);
              },
              $$slots: { default: true }
            });
            $$renderer4.push(`<!----> `);
            Input($$renderer4, {
              id: "email",
              name: "email",
              type: "email",
              placeholder: "you@example.com",
              required: true,
              autocomplete: "email"
            });
            $$renderer4.push(`<!----></div> <div class="grid gap-2">`);
            Label($$renderer4, {
              for: "password",
              children: ($$renderer5) => {
                $$renderer5.push(`<!---->Password`);
              },
              $$slots: { default: true }
            });
            $$renderer4.push(`<!----> `);
            Input($$renderer4, {
              id: "password",
              name: "password",
              type: "password",
              required: true,
              autocomplete: "current-password"
            });
            $$renderer4.push(`<!----></div> `);
            if (error) {
              $$renderer4.push("<!--[-->");
              $$renderer4.push(`<p class="text-sm text-destructive">${escape_html(error)}</p>`);
            } else {
              $$renderer4.push("<!--[!-->");
            }
            $$renderer4.push(`<!--]--> `);
            Button($$renderer4, {
              type: "submit",
              class: "w-full",
              children: ($$renderer5) => {
                $$renderer5.push(`<!---->Sign in`);
              },
              $$slots: { default: true }
            });
            $$renderer4.push(`<!----></form>`);
          },
          $$slots: { default: true }
        });
        $$renderer3.push(`<!---->`);
      },
      $$slots: { default: true }
    });
    $$renderer2.push(`<!----></div>`);
  });
}

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