"use client";
'use strict';

var clsx = require('clsx');
var tailwindMerge = require('tailwind-merge');
var reactSlot = require('@radix-ui/react-slot');
var classVarianceAuthority = require('class-variance-authority');
var jsxRuntime = require('react/jsx-runtime');

// lib/utils.ts
function cn(...inputs) {
  return tailwindMerge.twMerge(clsx.clsx(inputs));
}
var badgeVariants = classVarianceAuthority.cva(
  "inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
  {
    variants: {
      variant: {
        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
      }
    },
    defaultVariants: {
      variant: "default"
    }
  }
);
function Badge({
  className,
  variant,
  asChild = false,
  ...props
}) {
  const Comp = asChild ? reactSlot.Slot : "span";
  return /* @__PURE__ */ jsxRuntime.jsx(
    Comp,
    {
      "data-slot": "badge",
      className: cn(badgeVariants({ variant }), className),
      ...props
    }
  );
}
var defaultItems = [
  {
    question: "What is a FAQ?",
    answer: "A FAQ is a list of frequently asked questions and answers on a particular topic."
  },
  {
    question: "What is the purpose of a FAQ?",
    answer: "The purpose of a FAQ is to provide answers to common questions and help users find the information they need quickly and easily."
  },
  {
    question: "How do I create a FAQ?",
    answer: "To create a FAQ, you need to compile a list of common questions and answers on a particular topic and organize them in a clear and easy-to-navigate format."
  },
  {
    question: "What are the benefits of a FAQ?",
    answer: "The benefits of a FAQ include providing quick and easy access to information, reducing the number of support requests, and improving the overall user experience."
  },
  {
    question: "How should I organize my FAQ?",
    answer: "You should organize your FAQ in a logical manner, grouping related questions together and ordering them from most basic to more advanced topics."
  }
];
function FaqNumberedList({
  badge = "FAQ",
  heading = "Frequently asked questions",
  description = "Find answers to common questions about our products. Can't find what you're looking for? Contact our support team.",
  items = defaultItems,
  className
}) {
  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: cn("py-32", className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "container flex flex-col items-center text-center", children: [
    /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "outline", children: badge }),
    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "mt-4 text-3xl font-semibold md:text-4xl", children: heading }),
    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground mt-6 max-w-xl text-base md:text-lg", children: description }),
    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-10 w-full max-w-3xl space-y-4 text-left", children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(
      "div",
      {
        className: "flex gap-4 rounded-lg border p-4 md:p-5",
        children: [
          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bg-secondary flex size-6 shrink-0 items-center justify-center rounded-sm text-xs font-medium", children: index + 1 }),
          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-1 flex items-center justify-between", children: /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-medium", children: item.question }) }),
            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-sm", children: item.answer })
          ] })
        ]
      },
      index
    )) })
  ] }) });
}

exports.FaqNumberedList = FaqNumberedList;
//# sourceMappingURL=faq-numbered-list.cjs.map
//# sourceMappingURL=faq-numbered-list.cjs.map