https://www.assoconnect.com/component---src-pages-storybook-wheel-js-050200e42ef473782cb9.js

1"use strict";(self.webpackChunkassoconnect=self.webpackChunkassoconnect||[]).push([[2923],{97015:function(e,t,n){n.r(t);var l=n(96540),a=n(68792),i=n(4515);t.default=function(){return l.createElement(a.zx,null,l.createElement(a.wn,{background:!1},l.createElement(a.az,null,l.createElement(i.RR,{align:"left"},"Wheel"),l.createElement("i",null,"Used to present the benefits of AssoConnect on the Home page. To use it you have to use ",l.createElement("b",null,"Wheel")," component as a container and insert 5"," ",l.createElement("b",null,"WheelItem")),l.createElement(i.jC,{align:"left"},"Parameters of ",l.createElement("b",null,"Wheel")," (container)"),l.createElement(a.Rg,{datas:[l.createElement(l.Fragment,null,l.createElement("code",null,l.createElement("b",null,"mainTitle"))," ",": main text content"),l.createElement(l.Fragment,null,l.createElement("code",null,l.createElement("b",null,"ctaText"))," ",": button text content"),l.createElement(l.Fragment,null,l.createElement("code",null,l.createElement("b",null,"ctaLink"))," ",": button link")]}),l.createElement(i.jC,{align:"left"},"Parameters of ",l.createElement("b",null,"Wheel item")," (you must provide 5 items)"),"mainTitle, ctaText, ctaLink",l.createElement(a.Rg,{datas:[l.createElement(l.Fragment,null,l.createElement("code",null,l.createElement("b",null,"title"))," ",": text content of the item"),l.createElement(l.Fragment,null,l.createElement("code",null,l.createElement("b",null,"animation"))," ",": File name of the animation (this file must be in the folder `/common/animation/` of azure storage, in json format)")]}),l.createElement(i.jC,{align:"left"},"Examples"),l.createElement(i.qc,null,l.createElement(a.Q3,{ctaText:"Commencer gratuitement",ctaLink:"/associations",mainTitle:l.createElement(l.Fragment,null,"L'outil pour",l.createElement("br",null),l.createElement(a.f4,null,"tous vos besoins"))},l.createElement(a.JX,{title:"Comptabilité",animation:"calculator"},"Lorem ipsum dolor sit amet, consectetur"," ",l.createElement(a.f4,null,"adipiscing elit.")),l.createElement(a.JX,{title:"Communication",animation:"speaker"},"Fusce in orci vel justo maximus ",l.createElement(a.f4,null,"porttitor.")),l.createElement(a.JX,{title:"Site internet",animation:"teamwork"},l.createElement(a.f4,null,"Orci varius natoque penatibus et")," Curabitur"),l.createElement(a.JX,{title:"Membres",animation:"monitor"},l.createElement(a.f4,null,"Et magnis dis parturient montes")," nascetur ridiculus"),l.createElement(a.JX,{title:"Collecte",animation:"credit-card"},l.createElement(a.f4,null,"Curabitur")," porta varius tempor"))),l.createElement(i.Yt,{style:{padding:"1rem"},language:"jsx",value:'\n          <Wheel\n          ctaText="Commencer gratuitement"\n          ctaLink="/associations"\n          mainTitle={\n            <>\n              L\'outil pour\n              <br />\n              <Highlight>tous vos besoins</Highlight>\n            </>\n          }\n        >\n          <WheelItem title="Communication" animation="calculator">\n            Lorem ipsum dolor sit amet, consectetur{\' \'}\n            <Highlight>adipiscing elit.</Highlight>\n          </WheelItem>\n          <WheelItem title="test 2" animation="speaker">\n            Fusce in orci vel justo maximus <Highlight>porttitor.</Highlight>\n          </WheelItem>\n          <WheelItem title="test 3" animation="teamwork">\n            <Highlight>Orci varius natoque penatibus et</Highlight> Curabitur\n          </WheelItem>\n          <WheelItem title="test 4" animation="monitor">\n            <Highlight>Et magnis dis parturient montes</Highlight> nascetur\n            ridiculus\n          </WheelItem>\n          <WheelItem title="test 5" animation="credit-card">\n            <Highlight>Curabitur</Highlight> porta varius tempor\n          </WheelItem>\n        </Wheel>'}))))}}}]);
2//# sourceMappingURL=component---src-pages-storybook-wheel-js-050200e42ef473782cb9.js.map