{"version":3,"file":"text_explainer_paragraph.D8xldFRI.mjs","names":["useRef"],"sources":["https:/framerusercontent.com/modules/KAZaWLBP4NstGGnalo0u/BoFtteJhkdG1t6ccw1jb/text_explainer_paragraph.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useRef}from\"react\";/**\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight auto\n */export default function Text_explainer_paragraph(props){const{label,title,descriptionLeft,descriptionRight,accentColor,backgroundColor,titleColor,textColor,paddingTop,paddingBottom}=props;// CSS-driven responsive. First paint is already correct on mobile.\nconst scopeRef=useRef(\"tep-\"+Math.random().toString(36).slice(2,8));const scope=scopeRef.current;const font='-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif';return /*#__PURE__*/_jsxs(\"div\",{style:{width:\"100%\",backgroundColor:backgroundColor,display:\"flex\",justifyContent:\"center\",boxSizing:\"border-box\"},children:[/*#__PURE__*/_jsx(\"style\",{children:`\n                .${scope}-wrap {\n                    width: 100%;\n                    max-width: 1200px;\n                    padding-top: ${paddingTop}px;\n                    padding-bottom: ${paddingBottom}px;\n                    padding-left: 20px;\n                    padding-right: 20px;\n                    box-sizing: border-box;\n                }\n                @media (min-width: 768px) and (max-width: 1023px) {\n                    .${scope}-wrap {\n                        padding-left: 40px;\n                        padding-right: 40px;\n                    }\n                }\n                .${scope}-label {\n                    font-size: 15px;\n                    margin: 0 0 16px 0;\n                }\n                @media (min-width: 768px) {\n                    .${scope}-label {\n                        font-size: 17px;\n                        margin: 0 0 20px 0;\n                    }\n                }\n                .${scope}-title {\n                    font-size: 30px;\n                    margin: 0 0 28px 0;\n                    max-width: 100%;\n                }\n                @media (min-width: 768px) {\n                    .${scope}-title {\n                        font-size: 36px;\n                        margin: 0 0 40px 0;\n                        max-width: 65%;\n                    }\n                }\n                @media (min-width: 1024px) {\n                    .${scope}-title { font-size: 44px; }\n                }\n                .${scope}-cols {\n                    display: flex;\n                    flex-direction: column;\n                    gap: 24px;\n                }\n                @media (min-width: 768px) {\n                    .${scope}-cols {\n                        flex-direction: row;\n                        gap: 32px;\n                    }\n                }\n                @media (min-width: 1024px) {\n                    .${scope}-cols { gap: 48px; }\n                }\n                .${scope}-desc {\n                    font-size: 16px;\n                    line-height: 1.65;\n                }\n                @media (min-width: 768px) {\n                    .${scope}-desc { font-size: 17px; }\n                }\n            `}),/*#__PURE__*/_jsxs(\"div\",{className:scope+\"-wrap\",children:[/*#__PURE__*/_jsx(\"p\",{className:scope+\"-label\",style:{fontFamily:font,fontWeight:600,color:accentColor,lineHeight:1.4,letterSpacing:\"0.01em\"},children:label}),/*#__PURE__*/_jsx(\"h2\",{className:scope+\"-title\",style:{fontFamily:font,fontWeight:700,color:titleColor,lineHeight:1.2,letterSpacing:\"-0.02em\"},children:title}),/*#__PURE__*/_jsxs(\"div\",{className:scope+\"-cols\",children:[/*#__PURE__*/_jsx(\"div\",{style:{flex:1},children:/*#__PURE__*/_jsx(\"p\",{className:scope+\"-desc\",style:{fontFamily:font,fontWeight:400,color:textColor,margin:0,letterSpacing:\"0.01em\",whiteSpace:\"pre-line\"},children:descriptionLeft})}),/*#__PURE__*/_jsx(\"div\",{style:{flex:1},children:/*#__PURE__*/_jsx(\"p\",{className:scope+\"-desc\",style:{fontFamily:font,fontWeight:400,color:textColor,margin:0,letterSpacing:\"0.01em\",whiteSpace:\"pre-line\"},children:descriptionRight})})]})]})]});}addPropertyControls(Text_explainer_paragraph,{label:{title:\"Label\",type:ControlType.String,defaultValue:\"Experience\"},title:{title:\"Title\",type:ControlType.String,defaultValue:\"The right people don’t always think they’re right\"},descriptionLeft:{title:\"Description Left\",type:ControlType.String,defaultValue:\"Successful Stripes are rigorous thinkers who appreciate that things worth doing are rarely simple. We want people who are not afraid to be wrong, who can enthusiastically back proposals they initially opposed, and who know how to support decisions with numbers and narrative. We operate in situations of substantial uncertainty and cannot afford either timidity or recklessness.\\n\\nThe global financial system can seem like a mystifying domain. It is not. It is composed of people and computers, just like many other systems you’ve worked on. Most Stripes don’t have a background in finance, and they’ve thrived here because they bring fresh perspectives. We want generalists capable of parachuting anywhere into our operations, learning about a field they have never touched before, and executing competently in areas far outside their formal remit.\"},descriptionRight:{title:\"Description Right\",type:ControlType.String,defaultValue:\"We also want specialists who are already experts and want to spend several years advancing the state of the art in their fields.\\n\\nWe know that we cannot be successful without nurturing the careers of both generalists and the experts. People who thrive in high-conflict work environments often do not enjoy the experience here. We try to embrace kindness while still encouraging Stripes to take measured risks and act boldly, even in the absence of consensus.\"},accentColor:{title:\"Accent Color\",type:ControlType.Color,defaultValue:\"#F28A23\"},backgroundColor:{title:\"Background Color\",type:ControlType.Color,defaultValue:\"#FFFFFF\"},titleColor:{title:\"Title Color\",type:ControlType.Color,defaultValue:\"#1A1A2E\"},textColor:{title:\"Text Color\",type:ControlType.Color,defaultValue:\"#425466\"},paddingTop:{title:\"Padding Top\",type:ControlType.Number,defaultValue:96,min:0,max:200,step:4,displayStepper:true},paddingBottom:{title:\"Padding Bottom\",type:ControlType.Number,defaultValue:96,min:0,max:200,step:4,displayStepper:true}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Text_explainer_paragraph\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"auto\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"any\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./text_explainer_paragraph.map"],"mappings":"iLAGG,SAAwB,EAAyB,EAAM,CAAC,GAAK,CAAC,QAAM,QAAM,kBAAgB,mBAAiB,cAAY,kBAAgB,aAAW,YAAU,aAAW,iBAAe,EAC/G,EAA3DA,EAAO,OAAO,KAAK,QAAQ,CAAC,SAAS,GAAG,CAAC,MAAM,EAAE,EAAE,CAAC,CAAsB,QAAc,EAAK,sFAAsF,OAAoB,EAAM,MAAM,CAAC,MAAM,CAAC,MAAM,OAAuB,kBAAgB,QAAQ,OAAO,eAAe,SAAS,UAAU,aAAa,CAAC,SAAS,CAAc,EAAK,QAAQ,CAAC,SAAS;mBACjX,EAAM;;;mCAGU,EAAW;sCACR,EAAc;;;;;;uBAM7B,EAAM;;;;;mBAKV,EAAM;;;;;uBAKF,EAAM;;;;;mBAKV,EAAM;;;;;;uBAMF,EAAM;;;;;;;uBAON,EAAM;;mBAEV,EAAM;;;;;;uBAMF,EAAM;;;;;;uBAMN,EAAM;;mBAEV,EAAM;;;;;uBAKF,EAAM;;cAEf,CAAC,CAAc,EAAM,MAAM,CAAC,UAAU,EAAM,QAAQ,SAAS,CAAc,EAAK,IAAI,CAAC,UAAU,EAAM,SAAS,MAAM,CAAC,WAAW,EAAK,WAAW,IAAI,MAAM,EAAY,WAAW,IAAI,cAAc,SAAS,CAAC,SAAS,EAAM,CAAC,CAAc,EAAK,KAAK,CAAC,UAAU,EAAM,SAAS,MAAM,CAAC,WAAW,EAAK,WAAW,IAAI,MAAM,EAAW,WAAW,IAAI,cAAc,UAAU,CAAC,SAAS,EAAM,CAAC,CAAc,EAAM,MAAM,CAAC,UAAU,EAAM,QAAQ,SAAS,CAAc,EAAK,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,SAAsB,EAAK,IAAI,CAAC,UAAU,EAAM,QAAQ,MAAM,CAAC,WAAW,EAAK,WAAW,IAAI,MAAM,EAAU,OAAO,EAAE,cAAc,SAAS,WAAW,WAAW,CAAC,SAAS,EAAgB,CAAC,CAAC,CAAC,CAAc,EAAK,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,SAAsB,EAAK,IAAI,CAAC,UAAU,EAAM,QAAQ,MAAM,CAAC,WAAW,EAAK,WAAW,IAAI,MAAM,EAAU,OAAO,EAAE,cAAc,SAAS,WAAW,WAAW,CAAC,SAAS,EAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,kBAlE72B,IAAoD,IAA0B,CAkEiyB,EAAoB,EAAyB,CAAC,MAAM,CAAC,MAAM,QAAQ,KAAK,EAAY,OAAO,aAAa,aAAa,CAAC,MAAM,CAAC,MAAM,QAAQ,KAAK,EAAY,OAAO,aAAa,oDAAoD,CAAC,gBAAgB,CAAC,MAAM,mBAAmB,KAAK,EAAY,OAAO,aAAa;;sdAAq1B,CAAC,iBAAiB,CAAC,MAAM,oBAAoB,KAAK,EAAY,OAAO,aAAa;;0UAA+c,CAAC,YAAY,CAAC,MAAM,eAAe,KAAK,EAAY,MAAM,aAAa,UAAU,CAAC,gBAAgB,CAAC,MAAM,mBAAmB,KAAK,EAAY,MAAM,aAAa,UAAU,CAAC,WAAW,CAAC,MAAM,cAAc,KAAK,EAAY,MAAM,aAAa,UAAU,CAAC,UAAU,CAAC,MAAM,aAAa,KAAK,EAAY,MAAM,aAAa,UAAU,CAAC,WAAW,CAAC,MAAM,cAAc,KAAK,EAAY,OAAO,aAAa,GAAG,IAAI,EAAE,IAAI,IAAI,KAAK,EAAE,eAAe,GAAK,CAAC,cAAc,CAAC,MAAM,iBAAiB,KAAK,EAAY,OAAO,aAAa,GAAG,IAAI,EAAE,IAAI,IAAI,KAAK,EAAE,eAAe,GAAK,CAAC,CAAC"}