import { h as head } from "../../../chunks/index2.js";
import { B as Button } from "../../../chunks/button.js";
import { C as Card, a as Card_content } from "../../../chunks/card-content.js";
import "clsx";
function _page($$renderer) {
  head("11yx1mx", $$renderer, ($$renderer2) => {
    $$renderer2.title(($$renderer3) => {
      $$renderer3.push(`<title>Accounts – Stackq</title>`);
    });
  });
  $$renderer.push(`<main class="container mx-auto flex flex-col gap-6 px-4 py-6 sm:px-6 sm:py-8"><div class="flex items-center gap-3"><a href="/" class="text-muted-foreground hover:text-foreground shrink-0 text-sm" title="Back to main">Back</a> <h1 class="text-xl font-semibold sm:text-2xl">Accounts</h1></div> `);
  Card($$renderer, {
    children: ($$renderer2) => {
      Card_content($$renderer2, {
        class: "flex flex-col items-center justify-center gap-4 py-12",
        children: ($$renderer3) => {
          $$renderer3.push(`<p class="text-muted-foreground text-center text-sm">No accounts yet.</p> <p class="text-muted-foreground text-center text-xs">Accounts will appear here once this feature is available.</p> <a href="/">`);
          Button($$renderer3, {
            variant: "outline",
            children: ($$renderer4) => {
              $$renderer4.push(`<!---->Back to home`);
            },
            $$slots: { default: true }
          });
          $$renderer3.push(`<!----></a>`);
        },
        $$slots: { default: true }
      });
    },
    $$slots: { default: true }
  });
  $$renderer.push(`<!----></main>`);
}
export {
  _page as default
};