{"version":3,"file":"Welcome-RryODNbr.js","sources":["../../../app/javascript/images/PurpleUnderline.svg","../../../app/javascript/components/HomepageHero/Pages/Welcome.tsx"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='229'%20height='13'%20viewBox='0%200%20229%2013'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M10.2905%2012.1914C7.03899%2012.2077%203.63657%2012.043%201.13256%2011.2165C0.95634%2011.1583%200.782579%2011.0916%200.634544%2011.0112C0.560669%2010.9711%200.466443%2010.9134%200.375483%2010.8327C0.292016%2010.7587%200.148387%2010.6102%200.0751575%2010.3763C-0.0117772%2010.0986%200.0361063%209.81453%200.175059%209.59047C0.291669%209.40243%200.445458%209.2976%200.531929%209.24661C0.704782%209.14467%200.894345%209.09441%201.01871%209.06613C1.53359%208.94905%202.44037%208.89913%203.39189%208.86957C4.23222%208.84346%205.15381%208.8321%206.03728%208.8212C7.28105%208.80587%208.44922%208.79147%209.2087%208.73817C11.274%208.59323%2013.3409%208.44477%2015.4087%208.29624C18.8706%208.04759%2022.3349%207.79877%2025.7976%207.566C49.4385%205.9768%2073.0782%204.64051%2096.7303%203.66344C84.0078%203.64943%2071.2856%203.57273%2058.562%203.40072C58.5684%203.40081%2051.8024%203.35321%2047.382%203.28717C46.272%203.27059%2045.301%203.25274%2044.6117%203.23402C44.2685%203.2247%2043.9881%203.21498%2043.7934%203.20474C43.6995%203.19979%2043.6096%203.19395%2043.5388%203.18628C43.5126%203.18345%2043.4466%203.17623%2043.3761%203.15916L43.3749%203.15888C43.3597%203.15546%2043.2237%203.12491%2043.0849%203.0333C43.0292%202.99651%2042.769%202.82094%2042.6996%202.45516C42.6149%202.00902%2042.8772%201.71541%2042.9895%201.61744C43.1018%201.51942%2043.2114%201.47435%2043.2464%201.46029C43.2952%201.44071%2043.3363%201.42916%2043.3598%201.42305C43.4074%201.41071%2043.448%201.40408%2043.4695%201.40083C43.516%201.39379%2043.5629%201.38936%2043.6002%201.38631C43.679%201.37987%2043.7825%201.37432%2043.9061%201.36919C44.1565%201.3588%2044.528%201.34864%2045.0343%201.33861C46.0489%201.31852%2047.6259%201.29856%2049.9034%201.27913C109.009%200.774828%20168.132%200.434646%20227.243%200.61594C227.734%200.617446%20228.131%201.0168%20228.13%201.50793C228.128%201.99906%20227.729%202.39597%20227.238%202.39447C221.36%202.37644%20215.482%202.36357%20209.604%202.35551L209.578%203.95977L207.609%203.9284C206.536%203.91131%20205.463%203.89434%20204.391%203.87772C198.464%203.78764%20192.537%203.72177%20186.611%203.67453C185.99%203.67136%20185.368%203.66875%20184.747%203.66674C131.72%203.49545%2078.8298%205.7836%2025.9168%209.34053C22.4571%209.5731%2019.0012%209.82133%2015.543%2010.0697C13.9632%2010.1832%2012.3829%2010.2967%2010.8015%2010.4088C12.1744%2010.3939%2013.5369%2010.3495%2014.825%2010.3075L15.0026%2010.3017C16.496%2010.2531%2017.8945%2010.2094%2019.0564%2010.2254C66.4348%2010.8759%20114.009%2010.3127%20161.322%207.87723C166.366%207.61757%20171.407%207.26961%20176.44%206.83827C178.157%206.69111%20179.865%206.52922%20181.561%206.31659C181.349%206.30745%20181.135%206.29894%20180.92%206.29103C179.579%206.24169%20178.231%206.21616%20177.21%206.20263C176.602%206.19458%20176.085%206.19073%20175.767%206.18837C175.569%206.1869%20175.449%206.186%20175.43%206.18502C174.94%206.15902%20174.563%205.74037%20174.589%205.24993C174.615%204.75949%20175.034%204.38298%20175.524%204.40897C175.51%204.40823%20175.647%204.40894%20175.981%204.4114C176.287%204.41365%20176.719%204.41744%20177.234%204.42425C178.262%204.43788%20179.626%204.46365%20180.985%204.5137C182.34%204.56356%20183.71%204.63817%20184.745%204.75155C185.255%204.8075%20185.722%204.87675%20186.074%204.96774C186.241%205.01096%20186.444%205.07427%20186.622%205.17636C186.726%205.23586%20187.239%205.54584%20187.172%206.17931C187.125%206.61822%20186.889%206.94232%20186.607%207.15059C186.354%207.33794%20186.068%207.43084%20185.849%207.48436C185.623%207.53999%20185.389%207.57108%20185.202%207.59356C185.142%207.60067%20185.089%207.60682%20185.04%207.61246C184.915%207.62679%20184.82%207.63779%20184.731%207.65268C182.024%208.1069%20179.295%208.37861%20176.592%208.61032C171.539%209.04333%20166.478%209.39269%20161.413%209.65341C114.054%2012.0912%2066.4402%2012.6547%2019.0319%2012.0037C17.9193%2011.9885%2016.5646%2012.0304%2015.0604%2012.0793L14.8756%2012.0854C13.4305%2012.1325%2011.8636%2012.1836%2010.2905%2012.1914Z'%20fill='%239E64E9'/%3e%3c/svg%3e\"","import React from \"react\";\nimport { Title, Body, Flex, FlexItem, Image, Button } from \"playbook-ui\";\nimport { Logos } from \"../ComponentData/LogosData\";\n// @ts-ignore\nimport Underline from \"../../../images/PurpleUnderline.svg\";\n\ntype WelcomeProps = {\n  fixedSize?: string;\n  headerAlign?: string;\n  buttonsAlignment?: string;\n  displayProps?: any;\n  titleSize?: number | string;\n  buttonsFlexDirection?: string;\n  buttonFullWidth?: string | boolean;\n};\n\nconst WelcomeComponent = ({\n  fixedSize,\n  headerAlign,\n  buttonsAlignment,\n  displayProps,\n  titleSize,\n  buttonsFlexDirection = \"row\",\n  buttonFullWidth\n}: WelcomeProps) => {\n  return (\n    <>\n      <Flex className=\"welcome_component\">\n        <FlexItem\n          fixedSize={fixedSize}\n          textAlign={headerAlign}\n          {...displayProps}\n        >\n          <Title\n            text=\"WELCOME TO PLAYBOOK\"\n            size={4}\n            color=\"link\"\n            paddingBottom=\"xs\"\n          />\n          <Title\n            size={titleSize ? titleSize : 1}\n            paddingBottom=\"sm\"\n            position=\"relative\"\n          >\n            {\" \"}\n            The Design System to help you{\" \"}\n            <span>\n              ship faster.\n              <Image\n                position=\"absolute\"\n                className=\"welcome_component_underline\"\n                url={Underline}\n              />\n            </span>\n          </Title>\n          <Body\n            className=\"welcome_component_text\"\n            color=\"light\"\n            text=\"Playbook makes it easy to support bleeding edge, or legacy systems. Use Playbook’s 200+ components and end-to-end design language to create simple, intuitive and beautiful experiences with ease.\"\n          />\n          <Flex paddingY=\"lg\" justifyContent={buttonsAlignment}>\n            {Logos.map(({ text, logo }, i) => (\n              <React.Fragment key={`flex-${i}`}>\n                <Flex align=\"center\" paddingRight=\"sm\">\n                  <Image url={logo} />\n                  <Body paddingLeft=\"xxs\" text={text} color=\"light\" />\n                </Flex>\n              </React.Fragment>\n            ))}\n          </Flex>\n          <Flex className=\"welcome_component_buttons\" justifyContent={buttonsAlignment} orientation={buttonsFlexDirection}>\n            <Button\n              fullWidth={buttonFullWidth && true}\n              icon=\"arrow-right\"\n              iconRight\n              link=\"/guides/getting_started\"\n              marginBottom=\"sm\"\n              marginRight=\"sm\"\n              tabIndex={0}\n              text=\"Get started\"\n              zIndex={2}\n            />\n            <Button\n              fullWidth={buttonFullWidth}\n              link=\"/kits\"\n              tabIndex={0}\n              text=\"Explore components\"\n              variant=\"secondary\"\n              zIndex={2}\n            />\n          </Flex>\n        </FlexItem>\n      </Flex>\n    </>\n  );\n};\n\nexport default WelcomeComponent;\n"],"names":["Underline","WelcomeComponent","fixedSize","headerAlign","buttonsAlignment","displayProps","titleSize","buttonsFlexDirection","buttonFullWidth","jsx","Fragment","Flex","jsxs","FlexItem","Title","Image","Body","Logos","text","logo","i","React","Button"],"mappings":"sPAAA,MAAeA,EAAA,umICgBTC,EAAmB,CAAC,CACxB,UAAAC,EACA,YAAAC,EACA,iBAAAC,EACA,aAAAC,EACA,UAAAC,EACA,qBAAAC,EAAuB,MACvB,gBAAAC,CACF,IAGMC,EAAA,IAAAC,WAAA,CAAA,SAAAD,EAAAA,IAACE,EAAK,CAAA,UAAU,oBACd,SAAAC,EAAA,KAACC,EAAA,CACC,UAAAX,EACA,UAAWC,EACV,GAAGE,EAEJ,SAAA,CAAAI,EAAA,IAACK,EAAA,CACC,KAAK,sBACL,KAAM,EACN,MAAM,OACN,cAAc,IAAA,CAChB,EACAF,EAAA,KAACE,EAAA,CACC,KAAMR,GAAwB,EAC9B,cAAc,KACd,SAAS,WAER,SAAA,CAAA,IAAI,gCACyB,WAC7B,OAAK,CAAA,SAAA,CAAA,eAEJG,EAAA,IAACM,EAAA,CACC,SAAS,WACT,UAAU,8BACV,IAAKf,CAAA,CACP,CAAA,EACF,CAAA,CAAA,CACF,EACAS,EAAA,IAACO,EAAA,CACC,UAAU,yBACV,MAAM,QACN,KAAK,oMAAA,CACP,EACAP,EAAAA,IAACE,GAAK,SAAS,KAAK,eAAgBP,EACjC,SAAAa,EAAM,IAAI,CAAC,CAAE,KAAAC,EAAM,KAAAC,GAAQC,IACzBX,EAAA,IAAAY,EAAM,SAAN,CACC,gBAACV,EAAK,CAAA,MAAM,SAAS,aAAa,KAChC,SAAA,CAACF,EAAAA,IAAAM,EAAA,CAAM,IAAKI,CAAM,CAAA,QACjBH,EAAK,CAAA,YAAY,MAAM,KAAAE,EAAY,MAAM,QAAQ,CAAA,CACpD,CAAA,CAJmB,EAAA,QAAQE,CAAC,EAK9B,CACD,EACH,SACCT,EAAK,CAAA,UAAU,4BAA4B,eAAgBP,EAAkB,YAAaG,EACzF,SAAA,CAAAE,EAAA,IAACa,EAAA,CACC,UAAWd,GAAmB,GAC9B,KAAK,cACL,UAAS,GACT,KAAK,0BACL,aAAa,KACb,YAAY,KACZ,SAAU,EACV,KAAK,cACL,OAAQ,CAAA,CACV,EACAC,EAAA,IAACa,EAAA,CACC,UAAWd,EACX,KAAK,QACL,SAAU,EACV,KAAK,qBACL,QAAQ,YACR,OAAQ,CAAA,CACV,CAAA,EACF,CAAA,CAAA,CAAA,CAEJ,CAAA,CACF,CAAA"}