import { jsx, jsxs, Fragment } from "react/jsx-runtime";
import * as AccordionPrimitive from "@radix-ui/react-accordion";
import { ChevronDownIcon } from "lucide-react";
import { c as cn, d as contact, B as Button } from "./index-CY6fYws-.js";
import { L as Layout } from "./layout-toNsB0Jp.js";
import { Head, Link } from "@inertiajs/react";
import "@radix-ui/react-slot";
import "class-variance-authority";
import "clsx";
import "tailwind-merge";
import "./input-DfkIsvXR.js";
import "./label-DrpjkvJN.js";
import "@radix-ui/react-label";
import "@icons-pack/react-simple-icons";
import "./select-CsRyyQUa.js";
import "@radix-ui/react-select";
import "./sheet-Bq2cyJmx.js";
import "@radix-ui/react-dialog";
function Accordion({
  ...props
}) {
  return /* @__PURE__ */ jsx(AccordionPrimitive.Root, { "data-slot": "accordion", ...props });
}
function AccordionItem({
  className,
  ...props
}) {
  return /* @__PURE__ */ jsx(
    AccordionPrimitive.Item,
    {
      "data-slot": "accordion-item",
      className: cn("border-b last:border-b-0", className),
      ...props
    }
  );
}
function AccordionTrigger({
  className,
  children,
  ...props
}) {
  return /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
    AccordionPrimitive.Trigger,
    {
      "data-slot": "accordion-trigger",
      className: cn(
        "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
        className
      ),
      ...props,
      children: [
        children,
        /* @__PURE__ */ jsx(ChevronDownIcon, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })
      ]
    }
  ) });
}
function AccordionContent({
  className,
  children,
  ...props
}) {
  return /* @__PURE__ */ jsx(
    AccordionPrimitive.Content,
    {
      "data-slot": "accordion-content",
      className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
      ...props,
      children: /* @__PURE__ */ jsx("div", { className: cn("pt-0 pb-4", className), children })
    }
  );
}
const img1 = "/build/assets/bes%205-BwicfiFA.jpg";
const img4 = "/build/assets/Ree%206-CXyPf4sr.jpg";
const img3 = "/build/assets/Shrek-HrZ6bJMT.jpg";
const img2 = "/build/assets/Swarovsky%20embedded%20wall%20hang-CEzO-m5f.jpg";
function Faq({
  faq
}) {
  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Layout, { children: [
    /* @__PURE__ */ jsx(Head, { title: "FAQs" }),
    /* @__PURE__ */ jsxs("section", { className: "mx-auto grid max-w-screen-2xl grid-cols-12 gap-32 px-12 py-8 max-sm:grid-cols-1 max-sm:gap-8 max-sm:px-8", children: [
      /* @__PURE__ */ jsxs("div", { className: "col-span-4 flex flex-col items-start gap-4", children: [
        /* @__PURE__ */ jsxs("div", { children: [
          /* @__PURE__ */ jsx("h1", { className: "font-serif text-4xl font-medium tracking-tight", children: "Frequently Asked Questions" }),
          /* @__PURE__ */ jsx("p", { children: "Any question, answered right here" })
        ] }),
        /* @__PURE__ */ jsx(Link, { href: contact(), children: /* @__PURE__ */ jsx(
          Button,
          {
            className: "cursor-pointer border border-primary font-serif ring-primary",
            variant: "outline",
            children: "Contact Now"
          }
        ) }),
        /* @__PURE__ */ jsxs("div", { className: "mt-8 grid grid-cols-2 gap-2 max-sm:mt-2 max-sm:hidden", children: [
          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
            /* @__PURE__ */ jsx(
              "img",
              {
                src: img1,
                alt: "Image 1",
                className: "rounded-lg"
              }
            ),
            /* @__PURE__ */ jsx(
              "img",
              {
                src: img4,
                alt: "Image 4",
                className: "rounded-lg"
              }
            )
          ] }),
          /* @__PURE__ */ jsxs("div", { className: "mt-8 flex flex-col gap-2", children: [
            /* @__PURE__ */ jsx(
              "img",
              {
                src: img2,
                alt: "Image 2",
                className: "rounded-lg"
              }
            ),
            /* @__PURE__ */ jsx(
              "img",
              {
                src: img3,
                alt: "Image 3",
                className: "rounded-lg"
              }
            )
          ] })
        ] })
      ] }),
      /* @__PURE__ */ jsx("div", { className: "col-span-8 w-full", children: /* @__PURE__ */ jsx(
        Accordion,
        {
          type: "single",
          collapsible: true,
          className: "w-full",
          defaultValue: "1",
          children: faq.map((item) => /* @__PURE__ */ jsxs(AccordionItem, { value: `${item.id}`, children: [
            /* @__PURE__ */ jsx(AccordionTrigger, { className: "w-full", children: item?.question }),
            /* @__PURE__ */ jsx(AccordionContent, { className: "px-2 text-gray-600", children: item?.answer })
          ] }))
        }
      ) })
    ] })
  ] }) });
}
export {
  Faq as default
};