"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 defaultPrinciples = [
  {
    number: "01",
    title: "Customer First",
    description: "Every decision we make starts with understanding how it impacts our customers. Their success is our success."
  },
  {
    number: "02",
    title: "Continuous Improvement",
    description: "We believe in constant iteration and learning. There's always a better way, and we're committed to finding it."
  },
  {
    number: "03",
    title: "Transparency",
    description: "Open communication builds trust. We share our progress, challenges, and learnings with all stakeholders."
  },
  {
    number: "04",
    title: "Quality Over Speed",
    description: "While we move fast, we never compromise on quality. Excellence is a habit, not an exception."
  },
  {
    number: "05",
    title: "Collaboration",
    description: "Great things are built together. We foster an environment where diverse perspectives drive innovation."
  },
  {
    number: "06",
    title: "Accountability",
    description: "We own our commitments and deliver on our promises. When we fall short, we learn and improve."
  }
];
var defaultProps = {
  missionLabel: "OUR MISSION",
  missionTitle: "Building the Future Together",
  missionDescription: "We're on a mission to transform how businesses operate by providing innovative solutions that drive growth, efficiency, and success. Our commitment to excellence guides everything we do.",
  principlesLabel: "OUR PRINCIPLES",
  principles: defaultPrinciples
};
function ProcessMissionPrinciples({
  className,
  missionLabel = defaultProps.missionLabel,
  missionTitle = defaultProps.missionTitle,
  missionDescription = defaultProps.missionDescription,
  principlesLabel = defaultProps.principlesLabel,
  principles = defaultProps.principles
}) {
  return /* @__PURE__ */ jsx("section", { className: cn("py-32", className), children: /* @__PURE__ */ jsxs("div", { className: "container", children: [
    /* @__PURE__ */ jsxs("div", { className: "mb-20 max-w-3xl", children: [
      /* @__PURE__ */ jsx("span", { className: "mb-4 inline-block text-sm font-semibold uppercase tracking-wider text-primary", children: missionLabel }),
      /* @__PURE__ */ jsx("h1", { className: "mb-6 text-4xl font-semibold tracking-tight lg:text-5xl", children: missionTitle }),
      /* @__PURE__ */ jsx("p", { className: "text-lg text-foreground/50 leading-relaxed", children: missionDescription })
    ] }),
    /* @__PURE__ */ jsxs("div", { children: [
      /* @__PURE__ */ jsx("span", { className: "mb-8 inline-block text-sm font-semibold uppercase tracking-wider text-primary", children: principlesLabel }),
      /* @__PURE__ */ jsx("div", { className: "grid gap-6 md:grid-cols-2 lg:grid-cols-3", children: principles?.map((principle, index) => /* @__PURE__ */ jsxs(
        "div",
        {
          className: "group relative rounded-lg border bg-card p-6 transition-shadow hover:shadow-md",
          children: [
            /* @__PURE__ */ jsx("span", { className: "absolute -top-3 -left-3 flex size-10 items-center justify-center rounded-full bg-primary text-sm font-bold text-primary-foreground", children: principle.number }),
            /* @__PURE__ */ jsxs("div", { className: "pt-4", children: [
              /* @__PURE__ */ jsx("h3", { className: "mb-3 text-xl font-semibold tracking-tight", children: principle.title }),
              /* @__PURE__ */ jsx("p", { className: "text-foreground/50 leading-relaxed", children: principle.description })
            ] })
          ]
        },
        index
      )) })
    ] })
  ] }) });
}

export { ProcessMissionPrinciples };
//# sourceMappingURL=process-mission-principles.js.map
//# sourceMappingURL=process-mission-principles.js.map