import { k as head, f as escape_html } from './index2-DP7VISHE.js';
import { B as Button } from './button-DuIDS2hH.js';
import { C as Card, a as Card_content } from './card-content-BgIZ9vTn.js';
import 'clsx';
import './index-DWasNFG9.js';
import 'tailwind-merge';

function _page($$renderer, $$props) {
  $$renderer.component(($$renderer2) => {
    let { data, params } = $$props;
    head("8mhk6q", $$renderer2, ($$renderer3) => {
      $$renderer3.title(($$renderer4) => {
        $$renderer4.push(`<title>Receipt – 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="/receipts" class="text-muted-foreground hover:text-foreground shrink-0 text-sm" title="Back to receipts">Back</a> <h1 class="text-xl font-semibold sm:text-2xl">Receipt</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">Receipt ${escape_html(params.id)}</p> <a href="/receipts">`);
            Button($$renderer4, {
              variant: "outline",
              children: ($$renderer5) => {
                $$renderer5.push(`<!---->Back to receipts`);
              },
              $$slots: { default: true }
            });
            $$renderer4.push(`<!----></a>`);
          },
          $$slots: { default: true }
        });
      },
      $$slots: { default: true }
    });
    $$renderer2.push(`<!----></main>`);
  });
}

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