1import{p as s,L as m}from"./chunk-OIYGIGL5-LCpaxKd0.js";import{c as n}from"./utils-D-KgF5mV.js";import{B as x}from"./button-LVv6TAUm.js";import{A as o}from"./arrow-right-CoERLs_p.js";import{C as h}from"./check-CyVnwowj.js";import{X as j}from"./x-B1zoR08N.js";function b({title:l,children:a,image:t,imageSide:r="right",className:c}){return s.jsxs("div",{className:n("grid grid-cols-1 md:grid-cols-2 gap-12 items-center",c),children:[s.jsxs("div",{className:r==="left"?"md:order-2":"md:order-1",children:[s.jsx("h2",{className:"text-2xl sm:text-4xl font-bold mb-6",children:l}),s.jsx("div",{className:"prose dark:prose-invert text-muted-foreground max-w-none",children:a})]}),t&&s.jsx("div",{className:n("bg-muted/30 p-8 aspect-video flex items-center justify-center",r==="left"?"md:order-1":"md:order-2"),children:t})]})}function w({id:l,title:a,description:t,examples:r,ctaText:c,ctaHref:i}){return s.jsxs("div",{id:l,className:"mb-24",children:[s.jsxs("div",{className:"text-center mb-12",children:[s.jsx("h2",{className:"text-2xl sm:text-4xl font-bold mb-4",children:a}),s.jsx("p",{className:"text-muted-foreground max-w-2xl mx-auto",children:t})]}),s.jsx("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-8",children:r.map((e,d)=>s.jsxs("div",{className:"group relative",children:[s.jsx("div",{className:"aspect-square bg-muted/30 flex items-center justify-center overflow-hidden p-8",children:e.image?s.jsx("img",{src:e.image,alt:e.title,className:"w-full h-full object-cover"}):e.visual?e.visual:s.jsx("span",{className:"text-muted-foreground/50",children:e.placeholder})}),s.jsxs("div",{className:"py-6",children:[s.jsx("h3",{className:"font-bold text-lg mb-2",children:e.title}),s.jsx("p",{className:"text-sm text-muted-foreground",children:e.description})]})]},d))}),c&&i&&s.jsx("div",{className:"mt-12 text-center",children:s.jsx(x,{asChild:!0,children:s.jsxs(m,{to:i,children:[c," ",s.jsx(o,{className:"ml-1 h-4 w-4"})]})})})]})}function y({title:l,prosTitle:a="The Advantages",consTitle:t="Considerations",pros:r,cons:c,className:i}){return s.jsxs("div",{className:n("mb-24",i),children:[s.jsx("h2",{className:"text-2xl sm:text-4xl font-bold mb-12 text-center",children:l}),s.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-12",children:[s.jsxs("div",{children:[s.jsxs("h3",{className:"text-xl font-bold mb-6 flex items-center text-chart-4",children:[s.jsx(h,{className:"mr-2 h-5 w-5"})," ",a]}),s.jsx("ul",{className:"space-y-4",children:r.map((e,d)=>s.jsxs("li",{className:"flex items-start",children:[s.jsx("span",{className:"h-1.5 w-1.5 rounded-full bg-chart-4 mt-2 mr-3 flex-shrink-0"}),s.jsx("span",{className:"text-foreground",children:e})]},d))})]}),s.jsxs("div",{children:[s.jsxs("h3",{className:"text-xl font-bold mb-6 flex items-center text-destructive",children:[s.jsx(j,{className:"mr-2 h-5 w-5"})," ",t]}),s.jsx("ul",{className:"space-y-4",children:c.map((e,d)=>s.jsxs("li",{className:"flex items-start",children:[s.jsx("span",{className:"h-1.5 w-1.5 rounded-full bg-destructive mt-2 mr-3 flex-shrink-0"}),s.jsx("span",{className:"text-foreground",children:e})]},d))})]})]})]})}function C({title:l,tips:a}){return s.jsxs("div",{className:"mb-24",children:[s.jsx("h2",{className:"text-2xl sm:text-4xl font-bold mb-16 text-center",children:l}),s.jsx("div",{className:"space-y-8",children:a.map((t,r)=>s.jsxs("div",{className:"flex gap-4",children:[s.jsx("div",{className:"flex-shrink-0 h-10 w-10 rounded-full bg-primary/10 text-primary flex items-center justify-center font-bold",children:r+1}),s.jsxs("div",{children:[s.jsx("h3",{className:"text-xl font-bold mb-2",children:t.title}),s.jsx("p",{className:"text-muted-foreground",children:t.description})]})]},r))})]})}export{b as C,w as E,y as P,C as T};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.