{"version":3,"file":"static/chunks/711.486b04c5c1dd2159.js","mappings":"6mFAIO,MAAMA,EAAUC,EAAAA,GAAOC,IAAG,KAKpBC,EAAYF,EAAAA,GAAOC,IAAG,KActBE,EAAmBH,EAAAA,GAAOC,IAAG,KAQ7BG,EAAgBJ,EAAAA,GAAOC,IAAG,KAO1BI,EAAkBL,EAAAA,GAAOM,OAAM,KAatBC,GAASA,EAAMC,OAAS,4BAA8B,KAU/DC,EAAmBT,EAAAA,GAAOC,IAAG,KAC1BM,GAASA,EAAMC,OAAS,QAAU,MAIrCD,GAASA,EAAMC,OAAS,cAAgB,aAQxCE,EAAiBV,EAAAA,GAAOC,IAAG,KAK3BU,EAAWX,EAAAA,GAAOC,IAAG,IACvBW,EAAAA,EAAOC,OAYLC,EAAWd,EAAAA,GAAOe,KAAI,KAKtBC,EAAUhB,EAAAA,GAAOiB,GAAE,KAanBC,EAAelB,EAAAA,GAAOe,KAAI,K,0BClDvC,MAvCmB,I,IAAA,MAAEI,GAAO,EAE1B,MAAOC,EAAWC,IAAgBC,EAAAA,EAAAA,UAAS,MAE3C,OACE,SAACvB,EAAOA,CACNwB,kBAAiBJ,EAAMK,WACvBC,uBAAsBN,EAAMO,U,UAE5B,UAACxB,EAASA,C,WACV,UAACQ,EAAcA,C,WACP,SAACM,EAAOA,C,UAAC,SAACE,EAAYA,C,SAAEC,EAAMQ,QAAQC,WACtC,SAACjB,EAAQA,C,UACT,SAACkB,EAAAA,EAAeA,CACdC,MAAOX,EAAMQ,QAAQI,oBAIzB,SAAC5B,EAAgBA,C,SACdgB,EAAMa,MAAMC,KAAI,CAACC,EAAMC,KACtB,UAAC/B,EAAaA,C,WACZ,UAACC,EAAeA,CAAC+B,QAAS,IAAMf,EAAaD,IAAce,EAAQ,KAAOA,GAAQ3B,OAAQY,IAAce,E,UACrGD,EAAKN,OACN,SAACd,EAAQA,C,SAAEM,IAAce,EAAQ,IAAM,UAEzC,SAAC1B,EAAgBA,CAACD,OAAQY,IAAce,E,UACtC,SAACN,EAAAA,EAAeA,CACdC,MAAOI,EAAKH,kBAPEI,W,yBCzC7B,SAASE,EAAyBC,EAASC,GAG9C,OAFKA,IAAKA,EAAMD,EAAQnB,MAAM,IAEvBqB,OAAOC,OAAOD,OAAOE,iBAAiBJ,EAAS,CAAEC,IAAK,CAAEI,MAAOH,OAAOC,OAAOF,MACxF,C","sources":["webpack://_N_E/./src/slices/DisignFaq/style.js","webpack://_N_E/./src/slices/DisignFaq/index.js","webpack://_N_E/./node_modules/@swc/helpers/esm/_tagged_template_literal.js"],"sourcesContent":["'use client'\nimport styled from 'styled-components'\nimport colors from \"common/theme/saasModern/colors\"\n\nexport const Section = styled.div`\n display: flex;\n align-items: center;\n`\n\nexport const Container = styled.div`\n display: flex;\n justify-content: center;\n flex-direction: column;\n align-items: center;\n gap: 3rem;\n margin: 0 auto;\n @media (max-width: 768px) {\n flex-direction: column-reverse;\n gap: 1rem;\n text-align: center;\n }\n`\n\nexport const AccordionSection = styled.div`\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n`\n\nexport const AccordionItem = styled.div`\n background: #F9FAFB;\n border-radius: 8px;\n overflow: hidden;\n width: 100%;\n`\n\nexport const AccordionHeader = styled.button`\n width: 100%;\n padding: 1rem 1.5rem;\n font-weight: 900;\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: none;\n border: none;\n color: black;\n font-size: 1.1rem;\n text-align: left;\n cursor: pointer;\n background-color: ${props => props.isOpen ? 'rgba(255, 255, 255, 0.05)' : ''};\n @media (max-width: 950px) {\n font-size: 0.75rem;\n padding: 1rem 1rem;\n }\n &:hover {\n background: rgba(255, 255, 255, 0.05);\n }\n`\n\nexport const AccordionContent = styled.div`\n max-height: ${props => props.isOpen ? '500px' : '0'};\n overflow: hidden;\n transition: 0.3s ease-in-out;\n font-weight: 500;\n padding: ${props => props.isOpen ? '1rem 1.5rem' : '0 1.5rem'};\n color: black;\n font-size: 1rem;\n @media (max-width: 950px) {\n font-size: 0.75rem;\n }\n`\n\nexport const ContentSection = styled.div`\n flex: 1;\n text-align: center;\n`\n\nexport const Subtitle = styled.div`\n color: ${colors.black};\n font-size: 1.5rem;\n transition: 500ms;\n font-weight: 500;\n @media (max-width: 1440px) {\n font-size: 1.25rem;\n }\n @media (max-width: 950px) {\n font-size: 1rem;\n }\n`\n\nexport const PlusIcon = styled.span`\n color: black;\n font-size: 1.5rem;\n`\n\nexport const Heading = styled.h2`\n font-size: 3rem;\n font-weight: 900;\n margin: 0;\n transition: 500ms;\n @media (max-width: 1440px) {\n font-size: 3rem;\n }\n @media (max-width: 950px) {\n font-size: 1.75rem;\n }\n`\n\nexport const GradientText = styled.span`\n background: linear-gradient(to right, #3b82f6, #ec4899, #f97316);\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n`\n \n ","import {\n Container,\n AccordionSection,\n AccordionItem,\n AccordionHeader,\n AccordionContent,\n ContentSection,\n Subtitle,\n PlusIcon,\n Section,\n Heading,\n GradientText\n} from './style'\nimport { useState } from 'react'\nimport { PrismicRichText } from '@prismicio/react';\n\n/**\n * @typedef {import(\"@prismicio/client\").Content.DisignFaqSlice} DisignFaqSlice\n * @typedef {import(\"@prismicio/react\").SliceComponentProps} DisignFaqProps\n * @param {DisignFaqProps}\n */\nconst DisignFaq = ({ slice }) => {\n\n const [openIndex, setOpenIndex] = useState(null)\n\n return (\n \n \n \n {slice.primary.title}\n \n \n \n \n \n {slice.items.map((item, index) => (\n \n setOpenIndex(openIndex === index ? null : index)} isOpen={openIndex === index}>\n {item.title}\n {openIndex === index ? '−' : '+'}\n \n \n \n \n \n ))}\n \n \n \n \n );\n};\n\nexport default DisignFaq;\n","export function _tagged_template_literal(strings, raw) {\n if (!raw) raw = strings.slice(0);\n\n return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } }));\n}\nexport { _tagged_template_literal as _ };\n"],"names":["Section","styled","div","Container","AccordionSection","AccordionItem","AccordionHeader","button","props","isOpen","AccordionContent","ContentSection","Subtitle","colors","black","PlusIcon","span","Heading","h2","GradientText","slice","openIndex","setOpenIndex","useState","data-slice-type","slice_type","data-slice-variation","variation","primary","title","PrismicRichText","field","description","items","map","item","index","onClick","_tagged_template_literal","strings","raw","Object","freeze","defineProperties","value"],"sourceRoot":""}