text: (this["webpackJsonpBitfari-SC"]=this["webpackJsonpBitfari-SC"]||[]).push([[91],{1921:function(e,i,t){"use strict";t.r(i);var a=t(0),s=t(445),d=t(446),r=t(452),c=t(214),n=t.n(c),l=t(441),o=t(454),v=t(6),j=function(){return Object(v.jsxs)(a.Fragment,{children:[Object(v.jsx)("p",{children:"Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."}),Object(v.jsx)("hr",{}),Object(v.jsx)("p",{children:"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."})]})},m=function(){return Object(v.jsx)("div",{className:"divider",children:Object(v.jsx)("div",{className:"divider-text",children:"My Text"})})},u=function(){return Object(v.jsxs)(a.Fragment,{children:[Object(v.jsx)("div",{className:"divider divider-left",children:Object(v.jsx)("div",{className:"divider-text",children:"Left"})}),Object(v.jsx)("div",{className:"divider divider-left-center",children:Object(v.jsx)("div",{className:"divider-text",children:"Left Center"})}),Object(v.jsx)("div",{className:"divider",children:Object(v.jsx)("div",{className:"divider-text",children:"Center(Default)"})}),Object(v.jsx)("div",{className:"divider divider-right-center",children:Object(v.jsx)("div",{className:"divider-text",children:"Right Center"})}),Object(v.jsx)("div",{className:"divider divider-right",children:Object(v.jsx)("div",{className:"divider-text",children:"Right"})})]})},b=function(){return Object(v.jsxs)(a.Fragment,{children:[Object(v.jsx)("div",{className:"divider",children:Object(v.jsx)("div",{className:"divider-text",children:"Default"})}),Object(v.jsx)("div",{className:"divider divider-primary",children:Object(v.jsx)("div",{className:"divider-text",children:"Primary"})}),Object(v.jsx)("div",{className:"divider divider-secondary",children:Object(v.jsx)("div",{className:"divider-text",children:"Secondary"})}),Object(v.jsx)("div",{className:"divider divider-success",children:Object(v.jsx)("div",{className:"divider-text",children:"Success"})}),Object(v.jsx)("div",{className:"divider divider-danger",children:Object(v.jsx)("div",{className:"divider-text",children:"Danger"})}),Object(v.jsx)("div",{className:"divider divider-warning",children:Object(v.jsx)("div",{className:"divider-text",children:"Warning"})}),Object(v.jsx)("div",{className:"divider divider-info",children:Object(v.jsx)("div",{className:"divider-text",children:"Info"})}),Object(v.jsx)("div",{className:"divider divider-dark",children:Object(v.jsx)("div",{className:"divider-text",children:"Dark"})})]})},x=t(978),h=t(1076),O=t(991),g=t(1098),N=t(999),p=function(){return Object(v.jsxs)(a.Fragment,{children:[Object(v.jsx)("div",{className:"divider divider-left",children:Object(v.jsx)("div",{className:"divider-text",children:Object(v.jsx)(x.a,{size:15})})}),Object(v.jsx)("div",{className:"divider divider-left-center",children:Object(v.jsx)("div",{className:"divider-text",children:Object(v.jsx)(h.a,{size:15})})}),Object(v.jsx)("div",{className:"divider",children:Object(v.jsx)("div",{className:"divider-text",children:Object(v.jsx)(O.a,{size:15})})}),Object(v.jsx)("div",{className:"divider divider-right-center",children:Object(v.jsx)("div",{className:"divider-text",children:Object(v.jsx)(g.a,{size:15})})}),Object(v.jsx)("div",{className:"divider divider-right",children:Object(v.jsx)("div",{className:"divider-text",children:Object(v.jsx)(N.a,{size:15})})})]})},f=function(){return Object(v.jsxs)(a.Fragment,{children:[Object(v.jsx)("div",{className:"divider divider-dotted",children:Object(v.jsx)("div",{className:"divider-text",children:"Dotted"})}),Object(v.jsx)("div",{className:"divider divider-dashed",children:Object(v.jsx)("div",{className:"divider-text",children:"Dashed"})}),Object(v.jsx)("div",{className:"divider",children:Object(v.jsx)("div",{className:"divider-text",children:"Solid"})})]})},y=Object(v.jsx)("pre",{children:Object(v.jsx)("code",{className:"language-jsx",children:"\n\n\nconst DividerDefault = () => {\n  return (\n    <React.Fragment>\n      <p>\n        Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi\n        ut aliquip ex ea commodo consequat. Duis aute irure dolor in\n        reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla\n        pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa\n        qui officia deserunt mollit anim id est laborum.\n      </p>\n      <hr />\n      <p>\n        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod\n        tempor incididunt ut labore et dolore magna aliqua.\n      </p>\n    </React.Fragment>\n  )\n}\nexport default DividerDefault\n"})}),T=Object(v.jsx)("pre",{children:Object(v.jsx)("code",{className:"language-jsx",children:"\n\n\nconst DividerText = () => {\n  return (\n    <div className='divider'>\n      <div className='divider-text'>My Text</div>\n    </div>\n  )\n}\nexport default DividerText\n"})}),C=Object(v.jsx)("pre",{children:Object(v.jsx)("code",{className:"language-jsx",children:"\n\n\nconst DividerPosition = () => {\n  return (\n    <React.Fragment>\n      <div className='divider divider-left'>\n        <div className='divider-text'>Left</div>\n      </div>\n\n      <div className='divider divider-left-center'>\n        <div className='divider-text'>Left Center</div>\n      </div>\n\n      <div className='divider'>\n        <div className='divider-text'>Center(Default)</div>\n      </div>\n\n      <div className='divider divider-right-center'>\n        <div className='divider-text'>Right Center</div>\n      </div>\n\n      <div className='divider divider-right'>\n        <div className='divider-text'>Right</div>\n      </div>\n    </React.Fragment>\n  )\n}\nexport default DividerPosition\n"})}),M=Object(v.jsx)("pre",{children:Object(v.jsx)("code",{className:"language-jsx",children:"\n\n\nconst DividerColors = () => {\n  return (\n    <React.Fragment>\n      <div className='divider'>\n        <div className='divider-text'>Default</div>\n      </div>\n      <div className='divider divider-primary'>\n        <div className='divider-text'>Primary</div>\n      </div>\n      <div className='divider divider-secondary'>\n        <div className='divider-text'>Secondary</div>\n      </div>\n      <div className='divider divider-success'>\n        <div className='divider-text'>Success</div>\n      </div>\n      <div className='divider divider-danger'>\n        <div className='divider-text'>Danger</div>\n      </div>\n      <div className='divider divider-warning'>\n        <div className='divider-text'>Warning</div>\n      </div>\n      <div className='divider divider-info'>\n        <div className='divider-text'>Info</div>\n      </div>\n      <div className='divider divider-light'>\n        <div className='divider-text'>Light</div>\n      </div>\n      <div className='divider divider-dark'>\n        <div className='divider-text'>Dark</div>\n      </div>\n    </React.Fragment>\n  )\n}\nexport default DividerColors\n"})}),D=Object(v.jsx)("pre",{children:Object(v.jsx)("code",{className:"language-jsx",children:"\n\nimport { ArrowDown, Star, Check, XCircle, Clock } from 'react-feather'\n\nconst DividerIcon = () => {\n  return (\n    <React.Fragment>\n      <div className='divider divider-left'>\n        <div className='divider-text'>\n          <ArrowDown />\n        </div>\n      </div>\n\n      <div className='divider divider-left-center'>\n        <div className='divider-text'>\n          <Star />\n        </div>\n      </div>\n\n      <div className='divider'>\n        <div className='divider-text'>\n          <Check />\n        </div>\n      </div>\n\n      <div className='divider divider-right-center'>\n        <div className='divider-text'>\n          <XCircle />\n        </div>\n      </div>\n\n      <div className='divider divider-right'>\n        <div className='divider-text'>\n          <Clock />\n        </div>\n      </div>\n    </React.Fragment>\n  )\n}\nexport default DividerIcon\n"})}),w=Object(v.jsx)("pre",{children:Object(v.jsx)("code",{className:"language-jsx",children:"\n\n\nconst DividerStyle = () => {\n  return (\n    <React.Fragment>\n      <div className='divider divider-dotted'>\n        <div className='divider-text'>Dotted</div>\n      </div>\n\n      <div className='divider divider-dashed'>\n        <div className='divider-text'>Dashed</div>\n      </div>\n\n      <div className='divider'>\n        <div className='divider-text'>Solid</div>\n      </div>\n    </React.Fragment>\n  )\n}\nexport default DividerStyle\n"})});i.default=function(){return Object(a.useEffect)((function(){n.a.highlightAll()}),[]),Object(v.jsxs)(a.Fragment,{children:[Object(v.jsx)(l.a,{breadCrumbTitle:"Divider",breadCrumbParent:"Extra Components",breadCrumbActive:"Divider"}),Object(v.jsxs)(s.a,{children:[Object(v.jsx)(d.a,{sm:"12",children:Object(v.jsxs)(o.a,{title:"Default",code:y,children:[Object(v.jsxs)(r.a,{children:["You can add a line to divide your section using",Object(v.jsx)("code",{children:"<hr />"})," tag."]}),Object(v.jsx)(j,{})]})}),Object(v.jsx)(d.a,{sm:"12",children:Object(v.jsxs)(o.a,{title:"Text",code:T,children:[Object(v.jsxs)(r.a,{children:["Use class ",Object(v.jsx)("code",{children:".divider"})," as wrapper for",Object(v.jsx)("code",{children:".divider-text"})," to create a divider text"]}),Object(v.jsx)(m,{})]})}),Object(v.jsx)(d.a,{sm:"12",children:Object(v.jsxs)(o.a,{title:"Position",code:C,children:[Object(v.jsxs)(r.a,{children:["Use class",Object(v.jsx)("code",{children:".divider-[left | left-center | right | right-center]"}),"with ",Object(v.jsx)("code",{children:".divider"})," to set text position."]}),Object(v.jsx)(u,{})]})}),Object(v.jsx)(d.a,{sm:"12",children:Object(v.jsxs)(o.a,{title:"Colors",code:M,children:[Object(v.jsxs)(r.a,{children:["Use class",Object(v.jsx)("code",{children:".divider-[left | left-center | right | right-center]"}),"with ",Object(v.jsx)("code",{children:".divider"})," to set text position."]}),Object(v.jsx)(b,{})]})}),Object(v.jsx)(d.a,{sm:"12",children:Object(v.jsx)(o.a,{title:"Icons",code:D,children:Object(v.jsx)(p,{})})}),Object(v.jsx)(d.a,{sm:"12",children:Object(v.jsxs)(o.a,{title:"Style",code:w,children:[Object(v.jsxs)(r.a,{children:["use class ",Object(v.jsx)("code",{children:".divider-[dotted | dashed]"})," to change divider style. solid is default style you don't have to add any class for it."]}),Object(v.jsx)(f,{})]})})]})]})}},441:function(e,i,t){"use strict";var a=t(442),s=t(450),d=t(451),r=t(6);i.a=function(e){var i=e.breadCrumbTitle,t=e.breadCrumbParent,c=e.breadCrumbParent2,n=e.breadCrumbParent3,l=e.breadCrumbActive;return Object(r.jsxs)("div",{className:"content-header row",children:[Object(r.jsx)("div",{className:"content-header-left col-md-9 col-12 mb-2",children:Object(r.jsx)("div",{className:"row breadcrumbs-top",children:Object(r.jsxs)("div",{className:"col-12",children:[i?Object(r.jsx)("h2",{className:"content-header-title float-left mb-0",children:i}):"",Object(r.jsx)("div",{className:"breadcrumb-wrapper vs-breadcrumbs d-sm-block d-none col-12",children:Object(r.jsxs)(s.a,{children:[Object(r.jsx)(d.a,{tag:"li",children:Object(r.jsx)(a.b,{to:"/",children:"Home"})}),Object(r.jsx)(d.a,{tag:"li",className:"text-primary",children:t}),c?Object(r.jsx)(d.a,{tag:"li",className:"text-primary",children:c}):"",n?Object(r.jsx)(d.a,{tag:"li",className:"text-primary",children:n}):"",Object(r.jsx)(d.a,{tag:"li",active:!0,children:l})]})})]})})}),Object(r.jsx)("div",{className:"content-header-right text-md-right col-md-3 col-12 d-md-block d-none",children:Object(r.jsx)("div",{className:"form-group breadcrum-right dropdown"})})]})}},443:function(e,i,t){"use strict";var a=t(14),s=t(18),d=t(0),r=t.n(d),c=t(5),n=t.n(c),l=t(102),o=t.n(l),v=t(60),j={tag:v.tagPropType,inverse:n.a.bool,color:n.a.string,body:n.a.bool,outline:n.a.bool,className:n.a.string,cssModule:n.a.object,innerRef:n.a.oneOfType([n.a.object,n.a.string,n.a.func])},m=function(e){var i=e.className,t=e.cssModule,d=e.color,c=e.body,n=e.inverse,l=e.outline,j=e.tag,m=e.innerRef,u=Object(s.a)(e,["className","cssModule","color","body","inverse","outline","tag","innerRef"]),b=Object(v.mapToCssModules)(o()(i,"card",!!n&&"text-white",!!c&&"card-body",!!d&&(l?"border":"bg")+"-"+d),t);return r.a.createElement(j,Object(a.a)({},u,{className:b,ref:m}))};m.propTypes=j,m.defaultProps={tag:"div"},i.a=m},444:function(e,i,t){"use strict";var a=t(14),s=t(18),d=t(0),r=t.n(d),c=t(5),n=t.n(c),l=t(102),o=t.n(l),v=t(60),j={tag:v.tagPropType,className:n.a.string,cssModule:n.a.object,innerRef:n.a.oneOfType([n.a.object,n.a.string,n.a.func])},m=function(e){var i=e.className,t=e.cssModule,d=e.innerRef,c=e.tag,n=Object(s.a)(e,["className","cssModule","innerRef","tag"]),l=Object(v.mapToCssModules)(o()(i,"card-body"),t);return r.a.createElement(c,Object(a.a)({},n,{className:l,ref:d}))};m.propTypes=j,m.defaultProps={tag:"div"},i.a=m},445:function(e,i,t){"use strict";var a=t(14),s=t(18),d=t(0),r=t.n(d),c=t(5),n=t.n(c),l=t(102),o=t.n(l),v=t(60),j=n.a.oneOfType([n.a.number,n.a.string]),m={tag:v.tagPropType,noGutters:n.a.bool,className:n.a.string,cssModule:n.a.object,form:n.a.bool,xs:j,sm:j,md:j,lg:j,xl:j},u={tag:"div",widths:["xs","sm","md","lg","xl"]},b=function(e){var i=e.className,t=e.cssModule,d=e.noGutters,c=e.tag,n=e.form,l=e.widths,j=Object(s.a)(e,["className","cssModule","noGutters","tag","form","widths"]),m=[];l.forEach((function(i,t){var a=e[i];if(delete j[i],a){var s=!t;m.push(s?"row-cols-"+a:"row-cols-"+i+"-"+a)}}));var u=Object(v.mapToCssModules)(o()(i,d?"no-gutters":null,n?"form-row":"row",m),t);return r.a.createElement(c,Object(a.a)({},j,{className:u}))};b.propTypes=m,b.defaultProps=u,i.a=b},446:function(e,i,t){"use strict";var a=t(14),s=t(18),d=t(0),r=t.n(d),c=t(5),n=t.n(c),l=t(102),o=t.n(l),v=t(60),j=n.a.oneOfType([n.a.number,n.a.string]),m=n.a.oneOfType([n.a.bool,n.a.number,n.a.string,n.a.shape({size:n.a.oneOfType([n.a.bool,n.a.number,n.a.string]),order:j,offset:j})]),u={tag:v.tagPropType,xs:m,sm:m,md:m,lg:m,xl:m,className:n.a.string,cssModule:n.a.object,widths:n.a.array},b={tag:"div",widths:["xs","sm","md","lg","xl"]},x=function(e,i,t){return!0===t||""===t?e?"col":"col-"+i:"auto"===t?e?"col-auto":"col-"+i+"-auto":e?"col-"+t:"col-"+i+"-"+t},h=function(e){var i=e.className,t=e.cssModule,d=e.widths,c=e.tag,n=Object(s.a)(e,["className","cssModule","widths","tag"]),l=[];d.forEach((function(i,a){var s=e[i];if(delete n[i],s||""===s){var d=!a;if(Object(v.isObject)(s)){var r,c=d?"-":"-"+i+"-",j=x(d,i,s.size);l.push(Object(v.mapToCssModules)(o()(((r={})[j]=s.size||""===s.size,r["order"+c+s.order]=s.order||0===s.order,r["offset"+c+s.offset]=s.offset||0===s.offset,r)),t))}else{var m=x(d,i,s);l.push(m)}}})),l.length||l.push("col");var j=Object(v.mapToCssModules)(o()(i,l),t);return r.a.createElement(c,Object(a.a)({},n,{className:j}))};h.propTypes=u,h.defaultProps=b,i.a=h},448:function(e,i,t){"use strict";var a=t(14),s=t(18),d=t(0),r=t.n(d),c=t(5),n=t.n(c),l=t(102),o=t.n(l),v=t(60),j={tag:v.tagPropType,className:n.a.string,cssModule:n.a.object},m=function(e){var i=e.className,t=e.cssModule,d=e.tag,c=Object(s.a)(e,["className","cssModule","tag"]),n=Object(v.mapToCssModules)(o()(i,"card-title"),t);return r.a.createElement(d,Object(a.a)({},c,{className:n}))};m.propTypes=j,m.defaultProps={tag:"div"},i.a=m},449:function(e,i,t){"use strict";var a=t(14),s=t(18),d=t(0),r=t.n(d),c=t(5),n=t.n(c),l=t(102),o=t.n(l),v=t(60),j={tag:v.tagPropType,className:n.a.string,cssModule:n.a.object},m=function(e){var i=e.className,t=e.cssModule,d=e.tag,c=Object(s.a)(e,["className","cssModule","tag"]),n=Object(v.mapToCssModules)(o()(i,"card-header"),t);return r.a.createElement(d,Object(a.a)({},c,{className:n}))};m.propTypes=j,m.defaultProps={tag:"div"},i.a=m},450:function(e,i,t){"use strict";var a=t(14),s=t(18),d=t(0),r=t.n(d),c=t(5),n=t.n(c),l=t(102),o=t.n(l),v=t(60),j={tag:v.tagPropType,listTag:v.tagPropType,className:n.a.string,listClassName:n.a.string,cssModule:n.a.object,children:n.a.node,"aria-label":n.a.string},m=function(e){var i=e.className,t=e.listClassName,d=e.cssModule,c=e.children,n=e.tag,l=e.listTag,j=e["aria-label"],m=Object(s.a)(e,["className","listClassName","cssModule","children","tag","listTag","aria-label"]),u=Object(v.mapToCssModules)(o()(i),d),b=Object(v.mapToCssModules)(o()("breadcrumb",t),d);return r.a.createElement(n,Object(a.a)({},m,{className:u,"aria-label":j}),r.a.createElement(l,{className:b},c))};m.propTypes=j,m.defaultProps={tag:"nav",listTag:"ol","aria-label":"breadcrumb"},i.a=m},451:function(e,i,t){"use strict";var a=t(14),s=t(18),d=t(0),r=t.n(d),c=t(5),n=t.n(c),l=t(102),o=t.n(l),v=t(60),j={tag:v.tagPropType,active:n.a.bool,className:n.a.string,cssModule:n.a.object},m=function(e){var i=e.className,t=e.cssModule,d=e.active,c=e.tag,n=Object(s.a)(e,["className","cssModule","active","tag"]),l=Object(v.mapToCssModules)(o()(i,!!d&&"active","breadcrumb-item"),t);return r.a.createElement(c,Object(a.a)({},n,{className:l,"aria-current":d?"page":void 0}))};m.propTypes=j,m.defaultProps={tag:"li"},i.a=m},452:function(e,i,t){"use strict";var a=t(14),s=t(18),d=t(0),r=t.n(d),c=t(5),n=t.n(c),l=t(102),o=t.n(l),v=t(60),j={tag:v.tagPropType,className:n.a.string,cssModule:n.a.object},m=function(e){var i=e.className,t=e.cssModule,d=e.tag,c=Object(s.a)(e,["className","cssModule","tag"]),n=Object(v.mapToCssModules)(o()(i,"card-text"),t);return r.a.createElement(d,Object(a.a)({},c,{className:n}))};m.propTypes=j,m.defaultProps={tag:"p"},i.a=m},454:function(e,i,t){"use strict";var a=t(15),s=t(0),d=t(1004),r=t(444),c=t(443),n=t(449),l=t(448),o=t(718),v=t(6);i.a=function(e){var i=e.title,t=e.children,j=e.noBody,m=e.code,u=e.iconCode,b=Object(s.useState)(!1),x=Object(a.a)(b,2),h=x[0],O=x[1],g=u||Object(v.jsx)(d.a,{size:15}),N=j?s.Fragment:r.a;return Object(v.jsxs)(c.a,{className:"card-snippet",children:[Object(v.jsxs)(n.a,{children:[Object(v.jsx)(l.a,{tag:"h4",children:i}),Object(v.jsx)("div",{className:"views cursor-pointer",onClick:function(){return O(!h)},children:g})]}),Object(v.jsx)(N,{children:t}),Object(v.jsx)(o.a,{isOpen:h,children:Object(v.jsx)(r.a,{children:m})})]})}}}]);
  //# sourceMappingURL=91.f0af509f.chunk.js.map