import { c } from "react/compiler-runtime";
import React from "react";
import { jsx, jsxs } from "react/jsx-runtime";
import { ArrowLeft } from "lucide-react";
var HeaderSection_default = (i) => {
	let a = c(18), { icon: o, title: s, description: l, showBack: u, onBack: d } = i, f;
	a[0] !== d || a[1] !== u ? (f = u && /* @__PURE__ */ jsxs("button", {
		onClick: d,
		className: "text-muted-foreground hover:text-foreground group mb-4 flex items-center gap-2 text-sm transition-colors",
		children: [/* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4 transition-transform group-hover:-translate-x-1" }), /* @__PURE__ */ jsx("span", { children: "Back to Selection" })]
	}), a[0] = d, a[1] = u, a[2] = f) : f = a[2];
	let p;
	a[3] === o ? p = a[4] : (p = /* @__PURE__ */ jsx("div", {
		className: "border-border flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-lg border",
		children: o
	}), a[3] = o, a[4] = p);
	let m;
	a[5] === s ? m = a[6] : (m = /* @__PURE__ */ jsx("h2", {
		className: "text-foreground mb-1 text-xl font-semibold",
		children: s
	}), a[5] = s, a[6] = m);
	let h;
	a[7] === l ? h = a[8] : (h = l && /* @__PURE__ */ jsx("p", {
		className: "text-muted-foreground text-sm leading-relaxed",
		children: l
	}), a[7] = l, a[8] = h);
	let g;
	a[9] !== m || a[10] !== h ? (g = /* @__PURE__ */ jsxs("div", {
		className: "min-w-0 flex-1",
		children: [m, h]
	}), a[9] = m, a[10] = h, a[11] = g) : g = a[11];
	let _;
	a[12] !== p || a[13] !== g ? (_ = /* @__PURE__ */ jsxs("div", {
		className: "flex items-start gap-4",
		children: [p, g]
	}), a[12] = p, a[13] = g, a[14] = _) : _ = a[14];
	let v;
	return a[15] !== f || a[16] !== _ ? (v = /* @__PURE__ */ jsxs("div", {
		className: "mb-6",
		children: [f, _]
	}), a[15] = f, a[16] = _, a[17] = v) : v = a[17], v;
};
export { HeaderSection_default as default };
