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("a9qngp", $$renderer, ($$renderer2) => {
    $$renderer2.title(($$renderer3) => {
      $$renderer3.push(`<title>New transaction – 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="/transactions" class="text-muted-foreground hover:text-foreground shrink-0 text-sm" title="Back to transactions">Back</a> <h1 class="text-xl font-semibold sm:text-2xl">New transaction</h1></div> `);
  Card($$renderer, {
    children: ($$renderer2) => {
      Card_content($$renderer2, {
        class: "flex flex-col gap-4 py-8",
        children: ($$renderer3) => {
          $$renderer3.push(`<p class="text-muted-foreground text-center text-sm">Transaction creation will be available here.</p> <div class="flex justify-center gap-2"><a href="/transactions">`);
          Button($$renderer3, {
            variant: "outline",
            children: ($$renderer4) => {
              $$renderer4.push(`<!---->Back to transactions`);
            },
            $$slots: { default: true }
          });
          $$renderer3.push(`<!----></a> <a href="/">`);
          Button($$renderer3, {
            variant: "ghost",
            children: ($$renderer4) => {
              $$renderer4.push(`<!---->Home`);
            },
            $$slots: { default: true }
          });
          $$renderer3.push(`<!----></a></div>`);
        },
        $$slots: { default: true }
      });
    },
    $$slots: { default: true }
  });
  $$renderer.push(`<!----></main>`);
}
export {
  _page as default
};