text: (this["webpackJsonpBitfari-SC"]=this["webpackJsonpBitfari-SC"]||[]).push([[90],{1948:function(e,a,r){"use strict";r.r(a);var t=r(0),c=r(214),n=r.n(c),s=r(450),i=r(451),b=r(442),d=r(6),l=function(){return Object(d.jsx)(t.Fragment,{children:Object(d.jsxs)(s.a,{children:[Object(d.jsx)(i.a,{children:Object(d.jsx)(b.b,{to:"#",children:" Home "})}),Object(d.jsx)(i.a,{children:Object(d.jsx)(b.b,{to:"#",children:" Library "})}),Object(d.jsx)(i.a,{active:!0,children:Object(d.jsx)("span",{children:" Data "})})]})})},m=function(){return Object(d.jsxs)(t.Fragment,{children:[Object(d.jsxs)(s.a,{listClassName:"breadcrumb-slash",children:[Object(d.jsx)(i.a,{children:Object(d.jsx)(b.b,{to:"#",children:" Home "})}),Object(d.jsx)(i.a,{children:Object(d.jsx)(b.b,{to:"#",children:" Library "})}),Object(d.jsx)(i.a,{active:!0,children:Object(d.jsx)("span",{children:" Data "})})]}),Object(d.jsxs)(s.a,{listClassName:"breadcrumb-dots",children:[Object(d.jsx)(i.a,{children:Object(d.jsx)(b.b,{to:"#",children:" Home "})}),Object(d.jsx)(i.a,{children:Object(d.jsx)(b.b,{to:"#",children:" Library "})}),Object(d.jsx)(i.a,{active:!0,children:Object(d.jsx)("span",{children:" Data "})})]}),Object(d.jsxs)(s.a,{listClassName:"breadcrumb-dashes",children:[Object(d.jsx)(i.a,{children:Object(d.jsx)(b.b,{to:"#",children:" Home "})}),Object(d.jsx)(i.a,{children:Object(d.jsx)(b.b,{to:"#",children:" Library "})}),Object(d.jsx)(i.a,{active:!0,children:Object(d.jsx)("span",{children:" Data "})})]}),Object(d.jsxs)(s.a,{listClassName:"breadcrumb-pipes",children:[Object(d.jsx)(i.a,{children:Object(d.jsx)(b.b,{to:"#",children:" Home "})}),Object(d.jsx)(i.a,{children:Object(d.jsx)(b.b,{to:"#",children:" Library "})}),Object(d.jsx)(i.a,{active:!0,children:Object(d.jsx)("span",{children:" Data "})})]}),Object(d.jsxs)(s.a,{listClassName:"breadcrumb-chevron",children:[Object(d.jsx)(i.a,{children:Object(d.jsx)(b.b,{to:"#",children:" Home "})}),Object(d.jsx)(i.a,{children:Object(d.jsx)(b.b,{to:"#",children:" Library "})}),Object(d.jsx)(i.a,{active:!0,children:Object(d.jsx)("span",{children:" Data "})})]})]})},o=function(){return Object(d.jsxs)(t.Fragment,{children:[Object(d.jsx)("div",{className:"d-flex justify-content-start breadcrumb-wrapper",children:Object(d.jsxs)(s.a,{children:[Object(d.jsx)(i.a,{children:Object(d.jsx)(b.b,{to:"#",children:" Home "})}),Object(d.jsx)(i.a,{children:Object(d.jsx)(b.b,{to:"#",children:" Library "})}),Object(d.jsx)(i.a,{children:Object(d.jsx)("span",{children:" Data "})})]})}),Object(d.jsx)("div",{className:"d-flex justify-content-center breadcrumb-wrapper my-1",children:Object(d.jsxs)(s.a,{children:[Object(d.jsx)(i.a,{children:Object(d.jsx)(b.b,{to:"#",children:" Home "})}),Object(d.jsx)(i.a,{children:Object(d.jsx)(b.b,{to:"#",children:" Library "})}),Object(d.jsx)(i.a,{children:Object(d.jsx)("span",{children:" Data "})})]})}),Object(d.jsx)("div",{className:"d-flex justify-content-end breadcrumb-wrapper",children:Object(d.jsxs)(s.a,{children:[Object(d.jsx)(i.a,{children:Object(d.jsx)(b.b,{to:"#",children:" Home "})}),Object(d.jsx)(i.a,{children:Object(d.jsx)(b.b,{to:"#",children:" Library "})}),Object(d.jsx)(i.a,{className:"pr-1",children:Object(d.jsx)("span",{children:" Data "})})]})})]})},j=r(441),u=r(454),p=r(445),O=r(446),h=r(452),x=Object(d.jsx)("pre",{children:Object(d.jsx)("code",{className:"language-jsx",children:"\n\nimport { Breadcrumb, BreadcrumbItem } from 'reactstrap'\nimport { Link } from 'react-router-dom'\n\nconst BreadcrumbsDefault = () => {\n  return (\n    <React.Fragment>\n      <Breadcrumb>\n        <BreadcrumbItem>\n          <Link to='#'> Home </Link>\n        </BreadcrumbItem>\n        <BreadcrumbItem>\n          <Link to='#'> Library </Link>\n        </BreadcrumbItem>\n        <BreadcrumbItem active>\n          <span> Data </span>\n        </BreadcrumbItem>\n      </Breadcrumb>\n    </React.Fragment>\n  )\n}\nexport default BreadcrumbsDefault\n    "})}),g=Object(d.jsx)("pre",{children:Object(d.jsx)("code",{className:"language-jsx",children:"\n\nimport { Breadcrumb, BreadcrumbItem } from 'reactstrap'\nimport { Link } from 'react-router-dom'\n\nconst BreadcrumbsStyles = () => {\n  return (\n    <React.Fragment>\n      <Breadcrumb className='breadcrumb-slash'>\n        <BreadcrumbItem>\n          <Link to='#'> Home </Link>\n        </BreadcrumbItem>\n        <BreadcrumbItem>\n          <Link to='#'> Library </Link>\n        </BreadcrumbItem>\n        <BreadcrumbItem active>\n          <span> Data </span>\n        </BreadcrumbItem>\n      </Breadcrumb>\n\n      <Breadcrumb className='breadcrumb-dots'>\n        <BreadcrumbItem>\n          <Link to='#'> Home </Link>\n        </BreadcrumbItem>\n        <BreadcrumbItem>\n          <Link to='#'> Library </Link>\n        </BreadcrumbItem>\n        <BreadcrumbItem active>\n          <span> Data </span>\n        </BreadcrumbItem>\n      </Breadcrumb>\n\n      <Breadcrumb className='breadcrumb-dashes'>\n        <BreadcrumbItem>\n          <Link to='#'> Home </Link>\n        </BreadcrumbItem>\n        <BreadcrumbItem>\n          <Link to='#'> Library </Link>\n        </BreadcrumbItem>\n        <BreadcrumbItem active>\n          <span> Data </span>\n        </BreadcrumbItem>\n      </Breadcrumb>\n\n      <Breadcrumb className='breadcrumb-pipes'>\n        <BreadcrumbItem>\n          <Link to='#'> Home </Link>\n        </BreadcrumbItem>\n        <BreadcrumbItem>\n          <Link to='#'> Library </Link>\n        </BreadcrumbItem>\n        <BreadcrumbItem active>\n          <span> Data </span>\n        </BreadcrumbItem>\n      </Breadcrumb>\n\n      <Breadcrumb className='breadcrumb-chevron'>\n        <BreadcrumbItem>\n          <Link to='#'> Home </Link>\n        </BreadcrumbItem>\n        <BreadcrumbItem>\n          <Link to='#'> Library </Link>\n        </BreadcrumbItem>\n        <BreadcrumbItem active>\n          <span> Data </span>\n        </BreadcrumbItem>\n      </Breadcrumb>\n    </React.Fragment>\n  )\n}\nexport default BreadcrumbsStyles\n\n      "})}),f=Object(d.jsx)("pre",{children:Object(d.jsx)("code",{className:"language-jsx",children:"\n\nimport { Breadcrumb, BreadcrumbItem } from 'reactstrap'\nimport { Link } from 'react-router-dom'\n\nconst BreadcrumbsAlignment = () => {\n  return (\n    <React.Fragment>\n      <div className='justify-content-start breadcrumb-wrapper'>\n        <Breadcrumb>\n          <BreadcrumbItem>\n            <Link to='#'> Home </Link>\n          </BreadcrumbItem>\n          <BreadcrumbItem>\n            <Link to='#'> Library </Link>\n          </BreadcrumbItem>\n          <BreadcrumbItem>\n            <span> Data </span>\n          </BreadcrumbItem>\n        </Breadcrumb>\n      </div>\n      <div className='justify-content-center breadcrumb-wrapper'>\n        <Breadcrumb>\n          <BreadcrumbItem>\n            <Link to='#'> Home </Link>\n          </BreadcrumbItem>\n          <BreadcrumbItem>\n            <Link to='#'> Library </Link>\n          </BreadcrumbItem>\n          <BreadcrumbItem>\n            <span> Data </span>\n          </BreadcrumbItem>\n        </Breadcrumb>\n      </div>\n      <div className='justify-content-end breadcrumb-wrapper'>\n        <Breadcrumb>\n          <BreadcrumbItem>\n            <Link to='#'> Home </Link>\n          </BreadcrumbItem>\n          <BreadcrumbItem>\n            <Link to='#'> Library </Link>\n          </BreadcrumbItem>\n          <BreadcrumbItem>\n            <span> Data </span>\n          </BreadcrumbItem>\n        </Breadcrumb>\n      </div>\n    </React.Fragment>\n  )\n}\nexport default BreadcrumbsAlignment\n\n      "})});a.default=function(){return Object(t.useEffect)((function(){n.a.highlightAll()}),[]),Object(d.jsxs)(t.Fragment,{children:[Object(d.jsx)(j.a,{breadCrumbTitle:"Breadcrumbs",breadCrumbParent:"Components",breadCrumbActive:"Breadcrumbs"}),Object(d.jsxs)(p.a,{children:[Object(d.jsx)(O.a,{sm:"12",children:Object(d.jsxs)("section",{id:"component-breadcrumbs",children:[Object(d.jsx)(u.a,{title:"Default",code:x,children:Object(d.jsx)(l,{})}),Object(d.jsxs)(u.a,{title:"Styles",code:g,children:[Object(d.jsxs)(h.a,{children:["These breadcrumbs are only for demo puropses. You can change breadcrumb seprator by changing"," ",Object(d.jsx)("code",{children:"$breadcrumb-divider"})," variable value in scss"]}),Object(d.jsx)(m,{})]})]})}),Object(d.jsx)(O.a,{sm:"12",children:Object(d.jsx)("section",{id:"breadcrumb-alignment",children:Object(d.jsxs)(u.a,{title:"Alignment",code:f,children:[Object(d.jsxs)(h.a,{children:["Use class ",Object(d.jsxs)("code",{children:[".justify-content-","{position}"]})," to align breadcrumb to desired position."]}),Object(d.jsx)(o,{})]})})})]})]})}},441:function(e,a,r){"use strict";var t=r(442),c=r(450),n=r(451),s=r(6);a.a=function(e){var a=e.breadCrumbTitle,r=e.breadCrumbParent,i=e.breadCrumbParent2,b=e.breadCrumbParent3,d=e.breadCrumbActive;return Object(s.jsxs)("div",{className:"content-header row",children:[Object(s.jsx)("div",{className:"content-header-left col-md-9 col-12 mb-2",children:Object(s.jsx)("div",{className:"row breadcrumbs-top",children:Object(s.jsxs)("div",{className:"col-12",children:[a?Object(s.jsx)("h2",{className:"content-header-title float-left mb-0",children:a}):"",Object(s.jsx)("div",{className:"breadcrumb-wrapper vs-breadcrumbs d-sm-block d-none col-12",children:Object(s.jsxs)(c.a,{children:[Object(s.jsx)(n.a,{tag:"li",children:Object(s.jsx)(t.b,{to:"/",children:"Home"})}),Object(s.jsx)(n.a,{tag:"li",className:"text-primary",children:r}),i?Object(s.jsx)(n.a,{tag:"li",className:"text-primary",children:i}):"",b?Object(s.jsx)(n.a,{tag:"li",className:"text-primary",children:b}):"",Object(s.jsx)(n.a,{tag:"li",active:!0,children:d})]})})]})})}),Object(s.jsx)("div",{className:"content-header-right text-md-right col-md-3 col-12 d-md-block d-none",children:Object(s.jsx)("div",{className:"form-group breadcrum-right dropdown"})})]})}},443:function(e,a,r){"use strict";var t=r(14),c=r(18),n=r(0),s=r.n(n),i=r(5),b=r.n(i),d=r(102),l=r.n(d),m=r(60),o={tag:m.tagPropType,inverse:b.a.bool,color:b.a.string,body:b.a.bool,outline:b.a.bool,className:b.a.string,cssModule:b.a.object,innerRef:b.a.oneOfType([b.a.object,b.a.string,b.a.func])},j=function(e){var a=e.className,r=e.cssModule,n=e.color,i=e.body,b=e.inverse,d=e.outline,o=e.tag,j=e.innerRef,u=Object(c.a)(e,["className","cssModule","color","body","inverse","outline","tag","innerRef"]),p=Object(m.mapToCssModules)(l()(a,"card",!!b&&"text-white",!!i&&"card-body",!!n&&(d?"border":"bg")+"-"+n),r);return s.a.createElement(o,Object(t.a)({},u,{className:p,ref:j}))};j.propTypes=o,j.defaultProps={tag:"div"},a.a=j},444:function(e,a,r){"use strict";var t=r(14),c=r(18),n=r(0),s=r.n(n),i=r(5),b=r.n(i),d=r(102),l=r.n(d),m=r(60),o={tag:m.tagPropType,className:b.a.string,cssModule:b.a.object,innerRef:b.a.oneOfType([b.a.object,b.a.string,b.a.func])},j=function(e){var a=e.className,r=e.cssModule,n=e.innerRef,i=e.tag,b=Object(c.a)(e,["className","cssModule","innerRef","tag"]),d=Object(m.mapToCssModules)(l()(a,"card-body"),r);return s.a.createElement(i,Object(t.a)({},b,{className:d,ref:n}))};j.propTypes=o,j.defaultProps={tag:"div"},a.a=j},445:function(e,a,r){"use strict";var t=r(14),c=r(18),n=r(0),s=r.n(n),i=r(5),b=r.n(i),d=r(102),l=r.n(d),m=r(60),o=b.a.oneOfType([b.a.number,b.a.string]),j={tag:m.tagPropType,noGutters:b.a.bool,className:b.a.string,cssModule:b.a.object,form:b.a.bool,xs:o,sm:o,md:o,lg:o,xl:o},u={tag:"div",widths:["xs","sm","md","lg","xl"]},p=function(e){var a=e.className,r=e.cssModule,n=e.noGutters,i=e.tag,b=e.form,d=e.widths,o=Object(c.a)(e,["className","cssModule","noGutters","tag","form","widths"]),j=[];d.forEach((function(a,r){var t=e[a];if(delete o[a],t){var c=!r;j.push(c?"row-cols-"+t:"row-cols-"+a+"-"+t)}}));var u=Object(m.mapToCssModules)(l()(a,n?"no-gutters":null,b?"form-row":"row",j),r);return s.a.createElement(i,Object(t.a)({},o,{className:u}))};p.propTypes=j,p.defaultProps=u,a.a=p},446:function(e,a,r){"use strict";var t=r(14),c=r(18),n=r(0),s=r.n(n),i=r(5),b=r.n(i),d=r(102),l=r.n(d),m=r(60),o=b.a.oneOfType([b.a.number,b.a.string]),j=b.a.oneOfType([b.a.bool,b.a.number,b.a.string,b.a.shape({size:b.a.oneOfType([b.a.bool,b.a.number,b.a.string]),order:o,offset:o})]),u={tag:m.tagPropType,xs:j,sm:j,md:j,lg:j,xl:j,className:b.a.string,cssModule:b.a.object,widths:b.a.array},p={tag:"div",widths:["xs","sm","md","lg","xl"]},O=function(e,a,r){return!0===r||""===r?e?"col":"col-"+a:"auto"===r?e?"col-auto":"col-"+a+"-auto":e?"col-"+r:"col-"+a+"-"+r},h=function(e){var a=e.className,r=e.cssModule,n=e.widths,i=e.tag,b=Object(c.a)(e,["className","cssModule","widths","tag"]),d=[];n.forEach((function(a,t){var c=e[a];if(delete b[a],c||""===c){var n=!t;if(Object(m.isObject)(c)){var s,i=n?"-":"-"+a+"-",o=O(n,a,c.size);d.push(Object(m.mapToCssModules)(l()(((s={})[o]=c.size||""===c.size,s["order"+i+c.order]=c.order||0===c.order,s["offset"+i+c.offset]=c.offset||0===c.offset,s)),r))}else{var j=O(n,a,c);d.push(j)}}})),d.length||d.push("col");var o=Object(m.mapToCssModules)(l()(a,d),r);return s.a.createElement(i,Object(t.a)({},b,{className:o}))};h.propTypes=u,h.defaultProps=p,a.a=h},448:function(e,a,r){"use strict";var t=r(14),c=r(18),n=r(0),s=r.n(n),i=r(5),b=r.n(i),d=r(102),l=r.n(d),m=r(60),o={tag:m.tagPropType,className:b.a.string,cssModule:b.a.object},j=function(e){var a=e.className,r=e.cssModule,n=e.tag,i=Object(c.a)(e,["className","cssModule","tag"]),b=Object(m.mapToCssModules)(l()(a,"card-title"),r);return s.a.createElement(n,Object(t.a)({},i,{className:b}))};j.propTypes=o,j.defaultProps={tag:"div"},a.a=j},449:function(e,a,r){"use strict";var t=r(14),c=r(18),n=r(0),s=r.n(n),i=r(5),b=r.n(i),d=r(102),l=r.n(d),m=r(60),o={tag:m.tagPropType,className:b.a.string,cssModule:b.a.object},j=function(e){var a=e.className,r=e.cssModule,n=e.tag,i=Object(c.a)(e,["className","cssModule","tag"]),b=Object(m.mapToCssModules)(l()(a,"card-header"),r);return s.a.createElement(n,Object(t.a)({},i,{className:b}))};j.propTypes=o,j.defaultProps={tag:"div"},a.a=j},450:function(e,a,r){"use strict";var t=r(14),c=r(18),n=r(0),s=r.n(n),i=r(5),b=r.n(i),d=r(102),l=r.n(d),m=r(60),o={tag:m.tagPropType,listTag:m.tagPropType,className:b.a.string,listClassName:b.a.string,cssModule:b.a.object,children:b.a.node,"aria-label":b.a.string},j=function(e){var a=e.className,r=e.listClassName,n=e.cssModule,i=e.children,b=e.tag,d=e.listTag,o=e["aria-label"],j=Object(c.a)(e,["className","listClassName","cssModule","children","tag","listTag","aria-label"]),u=Object(m.mapToCssModules)(l()(a),n),p=Object(m.mapToCssModules)(l()("breadcrumb",r),n);return s.a.createElement(b,Object(t.a)({},j,{className:u,"aria-label":o}),s.a.createElement(d,{className:p},i))};j.propTypes=o,j.defaultProps={tag:"nav",listTag:"ol","aria-label":"breadcrumb"},a.a=j},451:function(e,a,r){"use strict";var t=r(14),c=r(18),n=r(0),s=r.n(n),i=r(5),b=r.n(i),d=r(102),l=r.n(d),m=r(60),o={tag:m.tagPropType,active:b.a.bool,className:b.a.string,cssModule:b.a.object},j=function(e){var a=e.className,r=e.cssModule,n=e.active,i=e.tag,b=Object(c.a)(e,["className","cssModule","active","tag"]),d=Object(m.mapToCssModules)(l()(a,!!n&&"active","breadcrumb-item"),r);return s.a.createElement(i,Object(t.a)({},b,{className:d,"aria-current":n?"page":void 0}))};j.propTypes=o,j.defaultProps={tag:"li"},a.a=j},452:function(e,a,r){"use strict";var t=r(14),c=r(18),n=r(0),s=r.n(n),i=r(5),b=r.n(i),d=r(102),l=r.n(d),m=r(60),o={tag:m.tagPropType,className:b.a.string,cssModule:b.a.object},j=function(e){var a=e.className,r=e.cssModule,n=e.tag,i=Object(c.a)(e,["className","cssModule","tag"]),b=Object(m.mapToCssModules)(l()(a,"card-text"),r);return s.a.createElement(n,Object(t.a)({},i,{className:b}))};j.propTypes=o,j.defaultProps={tag:"p"},a.a=j},454:function(e,a,r){"use strict";var t=r(15),c=r(0),n=r(1004),s=r(444),i=r(443),b=r(449),d=r(448),l=r(718),m=r(6);a.a=function(e){var a=e.title,r=e.children,o=e.noBody,j=e.code,u=e.iconCode,p=Object(c.useState)(!1),O=Object(t.a)(p,2),h=O[0],x=O[1],g=u||Object(m.jsx)(n.a,{size:15}),f=o?c.Fragment:s.a;return Object(m.jsxs)(i.a,{className:"card-snippet",children:[Object(m.jsxs)(b.a,{children:[Object(m.jsx)(d.a,{tag:"h4",children:a}),Object(m.jsx)("div",{className:"views cursor-pointer",onClick:function(){return x(!h)},children:g})]}),Object(m.jsx)(f,{children:r}),Object(m.jsx)(l.a,{isOpen:h,children:Object(m.jsx)(s.a,{children:j})})]})}}}]);
  //# sourceMappingURL=90.ba5d8bb3.chunk.js.map