"use client";
'use strict';

var clsx = require('clsx');
var tailwindMerge = require('tailwind-merge');
var jsxRuntime = require('react/jsx-runtime');

// lib/utils.ts
function cn(...inputs) {
  return tailwindMerge.twMerge(clsx.clsx(inputs));
}
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."
  },
  {
    question: "How long should FAQ answers be?",
    answer: "FAQ answers should be concise and to the point, typically a few sentences or a short paragraph is sufficient for most questions."
  },
  {
    question: "Should I include links in my FAQ?",
    answer: "Yes, including links to more detailed information or related resources can be very helpful for users who want to learn more about a particular topic."
  }
];
function FaqStaticList({
  heading = "Frequently asked questions",
  items = defaultItems,
  className
}) {
  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: cn("py-32", className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "container max-w-3xl", children: [
    /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "mb-4 text-3xl font-semibold md:mb-11 md:text-4xl", children: heading }),
    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-8", children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-b pb-6", children: [
      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-2 font-semibold", children: item.question }),
      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: item.answer })
    ] }, index)) })
  ] }) });
}

exports.FaqStaticList = FaqStaticList;
//# sourceMappingURL=faq-static-list.cjs.map
//# sourceMappingURL=faq-static-list.cjs.map