import { x as head, t as escape_html } from './index2-C1QMSCIx.js';
import { B as Button } from './button-rjWrqfIB.js';
import { C as Card, a as Card_content } from './card-content-kqme4GTP.js';
import 'clsx';
import './utils-B05Dmz_H.js';
import 'tailwind-merge';
import './index-CoNVFdnx.js';

function _page($$renderer, $$props) {
  $$renderer.component(($$renderer2) => {
    let { params } = $$props;
    head("kuo18u", $$renderer2, ($$renderer3) => {
      $$renderer3.title(($$renderer4) => {
        $$renderer4.push(`<title>Transaction – Stackq</title>`);
      });
    });
    $$renderer2.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">Transaction</h1></div> `);
    Card($$renderer2, {
      children: ($$renderer3) => {
        Card_content($$renderer3, {
          class: "flex flex-col gap-4 py-8",
          children: ($$renderer4) => {
            $$renderer4.push(`<p class="text-muted-foreground text-sm">Transaction ${escape_html(params.id)}</p> <a href="/transactions">`);
            Button($$renderer4, {
              variant: "outline",
              children: ($$renderer5) => {
                $$renderer5.push(`<!---->Back to transactions`);
              },
              $$slots: { default: true }
            });
            $$renderer4.push(`<!----></a>`);
          },
          $$slots: { default: true }
        });
      },
      $$slots: { default: true }
    });
    $$renderer2.push(`<!----></main>`);
  });
}

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