"use client";
import { clsx } from 'clsx';
import { twMerge } from 'tailwind-merge';
import { jsx, jsxs } from 'react/jsx-runtime';

// lib/utils.ts
function cn(...inputs) {
  return twMerge(clsx(inputs));
}
var defaultMilestones = [
  {
    year: "2018",
    title: "Company Founded",
    description: "Started with a vision to transform how businesses operate online."
  },
  {
    year: "2019",
    title: "First Major Client",
    description: "Secured our first enterprise client, validating our product-market fit."
  },
  {
    year: "2020",
    title: "Series A Funding",
    description: "Raised $10M to accelerate product development and team growth."
  },
  {
    year: "2021",
    title: "Global Expansion",
    description: "Expanded operations to Europe and Asia-Pacific regions."
  },
  {
    year: "2022",
    title: "1 Million Users",
    description: "Reached the milestone of serving over 1 million active users."
  },
  {
    year: "2023",
    title: "Industry Recognition",
    description: "Named as a leader in our category by major industry analysts."
  }
];
function StatsMilestoneSidebar({
  className,
  heading = "Our Journey",
  description = "From a small startup to an industry leader, here are the key moments that shaped our company.",
  milestones = defaultMilestones
}) {
  return /* @__PURE__ */ jsx(
    "div",
    {
      className: cn(
        "container mx-auto px-4 py-24 md:px-6 lg:py-32 2xl:max-w-[1400px]",
        className
      ),
      children: /* @__PURE__ */ jsx("div", { className: "mx-auto max-w-6xl", children: /* @__PURE__ */ jsxs("div", { className: "grid gap-12 lg:grid-cols-12 lg:gap-16", children: [
        /* @__PURE__ */ jsx("div", { className: "lg:col-span-4", children: /* @__PURE__ */ jsxs("div", { className: "lg:sticky lg:top-24", children: [
          /* @__PURE__ */ jsx("h2", { className: "mb-4 text-3xl font-bold md:text-4xl", children: heading }),
          /* @__PURE__ */ jsx("p", { className: "text-lg text-muted-foreground", children: description })
        ] }) }),
        /* @__PURE__ */ jsx("div", { className: "lg:col-span-8", children: /* @__PURE__ */ jsx("div", { className: "space-y-8", children: milestones.map((milestone, index) => /* @__PURE__ */ jsxs(
          "div",
          {
            className: "relative border-l-2 border-border pl-8 pb-8 last:pb-0",
            children: [
              /* @__PURE__ */ jsx("div", { className: "absolute -left-[9px] top-0 h-4 w-4 rounded-full border-2 border-primary bg-background" }),
              /* @__PURE__ */ jsx("div", { className: "mb-3 inline-flex rounded-full bg-primary/10 px-3 py-1 text-sm font-semibold text-primary", children: milestone.year }),
              /* @__PURE__ */ jsx("h3", { className: "mb-2 text-xl font-bold", children: milestone.title }),
              /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: milestone.description })
            ]
          },
          index
        )) }) })
      ] }) })
    }
  );
}

export { StatsMilestoneSidebar };
//# sourceMappingURL=stats-milestone-sidebar.js.map
//# sourceMappingURL=stats-milestone-sidebar.js.map