import { h as Link } from "../_libs/@tanstack/react-router+[...].mjs";
import { y as require_jsx_runtime } from "../_libs/@radix-ui/react-accordion+[...].mjs";
import { i as SiteLayout, r as PageHeader } from "./SiteLayout-BB0n_2xh.mjs";
import { t as BLOG_POSTS } from "./blog-CfkF-yk_.mjs";
//#region node_modules/.nitro/vite/services/ssr/assets/blog.index-CMbjeGBs.js
var import_jsx_runtime = require_jsx_runtime();
var SplitComponent = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SiteLayout, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(PageHeader, {
	title: "Blog",
	intro: "Saveti za negu noktiju i kože."
}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
	className: "mx-auto max-w-4xl px-4 py-10",
	children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
		className: "grid gap-4",
		children: BLOG_POSTS.map((p) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Link, {
			to: "/blog/$slug",
			params: { slug: p.slug },
			className: "block rounded-2xl border border-border/60 bg-card p-5 transition-shadow hover:shadow-md",
			children: [
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
					className: "text-xl",
					children: p.title
				}),
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
					className: "mt-1 text-sm text-muted-foreground",
					children: p.excerpt
				}),
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
					className: "mt-3 text-xs text-primary",
					children: "Pročitaj →"
				})
			]
		}, p.slug))
	})
})] });
//#endregion
export { SplitComponent as component };
