1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8760],{79175:function(e,a,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/bootstrap/navigation",function(){return n(13338)}])},13338:function(e,a,n){"use strict";n.r(a);var s=n(85893),i=n(33272),t=n(67294),l=n(34051),c=n(31555),m=n(52686),v=n(34289),N=n(60834),r=n(9966),d=n(70552),x=n(72867);let h=()=>{let[e,a]=(0,t.useState)(!1),[n,h]=(0,t.useState)(!1),[o,k]=(0,t.useState)(!1),[j,y]=(0,t.useState)(!1),[L,I]=(0,t.useState)(!1),[Z,b]=(0,t.useState)(!1);return(0,s.jsxs)("div",{children:[(0,s.jsx)(i.Z,{title:"Navigation"}),(0,s.jsx)(x.Z,{titles:"Navigation",active:"Navigation",items:["Componets"]}),(0,s.jsx)(l.Z,{children:(0,s.jsxs)(c.Z,{children:[(0,s.jsxs)(m.Z,{children:[(0,s.jsxs)(m.Z.Header,{children:[(0,s.jsx)(m.Z.Title,{className:"me-2",children:"Basic Nav"}),(0,s.jsx)(v.Z,{className:"ms-auto",children:(0,s.jsx)(v.Z.Check,{type:"switch",label:"Show Code",id:"custom-switch",onClick:()=>a(!e),className:"showcode d-flex ms-auto mx-2"})})]}),(0,s.jsxs)(m.Z.Body,{children:[(0,s.jsxs)(N.Z,{className:"nav1 br-7",activeKey:"link-1",children:[(0,s.jsx)(N.Z.Item,{className:"nav-item1",children:(0,s.jsx)(N.Z.Link,{eventKey:"link-1",children:"Active"})}),(0,s.jsx)(N.Z.Item,{className:"nav-item1",children:(0,s.jsx)(N.Z.Link,{eventKey:"link-2",children:"Link"})}),(0,s.jsx)(N.Z.Item,{className:"nav-item1",children:(0,s.jsx)(N.Z.Link,{eventKey:"link-3",children:"Link"})}),(0,s.jsx)(N.Z.Item,{className:"nav-item1",children:(0,s.jsx)(N.Z.Link,{eventKey:"link-4",className:"disabled",children:"Disabled"})})]}),(0,s.jsx)(r.Z,{in:e,className:"mt-2",children:(0,s.jsx)("pre",{children:(0,s.jsx)("code",{children:'\n <Nav className="nav1 br-7" activeKey=\'link-1\'>\n <Nav.Item className="nav-item1">\n <Nav.Link eventKey=\'link-1\'>Active</Nav.Link>\n </Nav.Item>\n <Nav.Item className="nav-item1">\n <Nav.Link eventKey=\'link-2\'>Link</Nav.Link>\n </Nav.Item>\n <Nav.Item className="nav-item1">\n <Nav.Link eventKey=\'link-3\'>Link</Nav.Link>\n </Nav.Item>\n <Nav.Item className="nav-item1">\n <Nav.Link eventKey=\'link-4\' className="disabled">Disabled</Nav.Link>\n </Nav.Item>\n </Nav>\n'})})})]})]}),(0,s.jsxs)(m.Z,{children:[(0,s.jsxs)(m.Z.Header,{children:[(0,s.jsx)(m.Z.Title,{className:"me-2",children:"Nav Vertical"}),(0,s.jsx)(v.Z,{className:"ms-auto",children:(0,s.jsx)(v.Z.Check,{type:"switch",label:"Show Code",id:"custom-switch",onClick:()=>h(!n),className:"showcode d-flex ms-auto mx-2"})})]}),(0,s.jsxs)(m.Z.Body,{children:[(0,s.jsxs)(N.Z,{className:"nav1 flex-column br-7",activeKey:"link-1",children:[(0,s.jsx)(N.Z.Item,{className:"nav-item1",children:(0,s.jsx)(N.Z.Link,{eventKey:"link-1",active:!0,children:"Active"})}),(0,s.jsx)(N.Z.Item,{className:"nav-item1",children:(0,s.jsx)(N.Z.Link,{eventKey:"link-2",children:"Link"})}),(0,s.jsx)(N.Z.Item,{className:"nav-item1",children:(0,s.jsx)(N.Z.Link,{eventKey:"link-3",children:"Link"})}),(0,s.jsx)(N.Z.Item,{className:"nav-item1",children:(0,s.jsx)(N.Z.Link,{eventKey:"link-4",className:"disabled",children:"Disabled"})})]}),(0,s.jsx)(r.Z,{in:n,className:"mt-2",children:(0,s.jsx)("pre",{children:(0,s.jsx)("code",{children:'\n <Nav className="nav1 flex-column br-7" activeKey=\'link-1\'>\n <Nav.Item className="nav-item1">\n <Nav.Link eventKey=\'link-1\' active>Active</Nav.Link>\n </Nav.Item>\n <Nav.Item className="nav-item1">\n <Nav.Link eventKey=\'link-2\'>Link</Nav.Link>\n </Nav.Item>\n <Nav.Item className="nav-item1">\n <Nav.Link eventKey=\'link-3\'>Link</Nav.Link>\n </Nav.Item>\n <Nav.Item className="nav-item1">\n <Nav.Link eventKey=\'link-4\' className="disabled">Disabled</Nav.Link>\n </Nav.Item>\n</Nav>\n'})})})]})]}),(0,s.jsxs)(m.Z,{children:[(0,s.jsxs)(m.Z.Header,{children:[(0,s.jsx)(m.Z.Title,{className:"me-2",children:"Color Navigation"}),(0,s.jsx)(v.Z,{className:"ms-auto",children:(0,s.jsx)(v.Z.Check,{type:"switch",label:"Show Code",id:"custom-switch",onClick:()=>k(!o),className:"showcode d-flex ms-auto mx-2"})})]}),(0,s.jsxs)(m.Z.Body,{children:[(0,s.jsxs)(N.Z,{className:"nav-pills",activeKey:"link-1",children:[(0,s.jsx)(N.Z.Item,{className:"m-2",children:(0,s.jsx)(N.Z.Link,{eventKey:"link-1",className:"px-4 py-2",active:!0,children:"Active"})}),(0,s.jsxs)(d.Z,{className:"nav-item",children:[(0,s.jsx)(d.Z.Toggle,{variant:"",className:"px-4 m-2 py-2",children:"Dropdown "}),(0,s.jsxs)(d.Z.Menu,{children:[(0,s.jsx)(d.Z.Item,{eventKey:"1",children:"Action"}),(0,s.jsx)(d.Z.Item,{eventKey:"2",children:"Another action"}),(0,s.jsx)(d.Z.Item,{eventKey:"3",children:"Something else"}),(0,s.jsx)(d.Z.Divider,{className:"text-dark"}),(0,s.jsx)(d.Z.Item,{eventKey:"4",children:"Separated link"})]})]}),(0,s.jsx)(N.Z.Item,{className:"m-2",children:(0,s.jsx)(N.Z.Link,{eventKey:"link-2",className:"px-4 py-2",children:"Link"})}),(0,s.jsx)(N.Z.Item,{className:"m-2",children:(0,s.jsx)(N.Z.Link,{eventKey:"link-3",className:"px-4 py-2 disabled",children:"Disabled"})})]}),(0,s.jsx)(r.Z,{in:o,className:"mt-2",children:(0,s.jsx)("pre",{children:(0,s.jsx)("code",{children:'\n <Nav className="nav-pills" activeKey=\'link-1\'>\n <Nav.Item className="m-2">
1\n <Nav.Link eventKey=\'link-1\' className="px-4 py-2" active>Active</Nav.Link>\n </Nav.Item>\n\n <Dropdown className=\'nav-item\'>\n <Dropdown.Toggle variant=\'\' className="px-4 m-2 py-2" >Dropdown </Dropdown.Toggle>\n <Dropdown.Menu>\n <Dropdown.Item eventKey="1">Action</Dropdown.Item>\n <Dropdown.Item eventKey="2">Another action</Dropdown.Item>\n <Dropdown.Item eventKey="3">Something else</Dropdown.Item>\n <Dropdown.Divider className=\'text-dark\' />\n <Dropdown.Item eventKey="4">Separated link</Dropdown.Item>\n </Dropdown.Menu>\n </Dropdown>\n\n <Nav.Item className="m-2">\n <Nav.Link eventKey=\'link-2\' className="px-4 py-2">Link</Nav.Link>\n </Nav.Item>\n\n <Nav.Item className="m-2">\n <Nav.Link eventKey=\'link-3\' className="px-4 py-2 disabled">Disabled</Nav.Link>\n </Nav.Item>\n</Nav>\n'})})})]})]}),(0,s.jsxs)(m.Z,{children:[(0,s.jsxs)(m.Z.Header,{children:[(0,s.jsx)(m.Z.Title,{className:"me-2",children:"Icon Navigation"}),(0,s.jsx)(v.Z,{className:"ms-auto",children:(0,s.jsx)(v.Z.Check,{type:"switch",label:"Show Code",id:"custom-switch",onClick:()=>y(!j),className:"showcode d-flex ms-auto mx-2"})})]}),(0,s.jsxs)(m.Z.Body,{children:[(0,s.jsxs)(N.Z,{variant:"pills",defaultActiveKey:"home",className:"navicon",children:[(0,s.jsx)(N.Z.Item,{children:(0,s.jsxs)(N.Z.Link,{className:"border py-3 px-5 m-2",eventKey:"home",children:[(0,s.jsx)("i",{className:"fe fe-home me-2"})," Home"]})}),(0,s.jsx)(N.Z.Item,{children:(0,s.jsxs)(N.Z.Link,{className:"border py-3 px-5 m-2",eventKey:"lock",children:[(0,s.jsx)("i",{className:"fe fe-unlock me-2"})," Lock"]})}),(0,s.jsx)(N.Z.Item,{children:(0,s.jsxs)(N.Z.Link,{className:"py-3 px-5 border show m-2",eventKey:"videos",children:[(0,s.jsx)("i",{className:"fe fe-play me-2"})," Videos"]})}),(0,s.jsx)(N.Z.Item,{children:(0,s.jsxs)(N.Z.Link,{className:"border py-3 px-5 m-2",eventKey:"servers",children:[(0,s.jsx)("i",{className:"fe fe-layers me-2"})," Severs"]})}),(0,s.jsx)(N.Z.Item,{children:(0,s.jsxs)(N.Z.Link,{className:"border py-3 px-5 m-2",eventKey:"gallery",children:[(0,s.jsx)("i",{className:"fe fe-image me-2"})," Gallery"]})})]}),(0,s.jsx)(r.Z,{in:j,className:"mt-2",children:(0,s.jsx)("pre",{children:(0,s.jsx)("code",{children:'\n <Nav variant="pills" defaultActiveKey="Home">\n <Nav.Item>\n <Nav.Link className="border py-3 px-5 m-2" eventKey="Home" ><i className="fe fe-home me-2"></i> Home</Nav.Link>\n </Nav.Item>\n <Nav.Item>\n <Nav.Link className="border py-3 px-5 m-2" eventKey="Lock" ><i className="fe fe-unlock me-2"></i> Lock</Nav.Link>\n </Nav.Item>\n <Nav.Item>\n <Nav.Link className="py-3 px-5 border show m-2" eventKey="Videos"><i className="fe fe-play me-2"></i> Videos</Nav.Link>\n </Nav.Item>\n <Nav.Item>\n <Nav.Link className="border py-3 px-5 m-2" eventKey="servers"><i className="fe fe-layers me-2"></i> Severs</Nav.Link>\n </Nav.Item>\n <Nav.Item>\n <Nav.Link className="border py-3 px-5 m-2" eventKey="Gallery"><i className="fe fe-image me-2"></i> Gallery</Nav.Link>\n </Nav.Item>\n</Nav>\n'})})})]})]}),(0,s.jsxs)(m.Z,{children:[(0,s.jsxs)(m.Z.Header,{children:[(0,s.jsx)(m.Z.Title,{className:"me-2",children:"Icon Nav Bar"}),(0,s.jsx)(v.Z,{className:"ms-auto",children:(0,s.jsx)(v.Z.Check,{type:"switch",label:"Show Code",id:"custom-switch",onClick:()=>I(!L),className:"showcode d-flex ms-auto mx-2"})})]}),(0,s.jsxs)(m.Z.Body,{children:[(0,s.jsxs)(N.Z,{variant:"pills",className:"nav-pills-circle",defaultActiveKey:"home",children:[(0,s.jsx)(N.Z.Item,{children:(0,s.jsxs)(N.Z.Link,{className:"border w-8 h-8 text-center br-100 m-2",eventKey:"home",children:[" ",(0,s.jsx)("span",{className:"text-center mx-auto",children:(0,s.jsx)("i",{className:"fe fe-home fs-20"})})]})}),(0,s.jsx)(N.Z.Item,{children:(0,s.jsx)(N.Z.Link,{className:"border w-8 h-8 br-100 m-2",eventKey:"lock",children:(0,s.jsx)("span",{className:"text-center mx-auto",children:(0,s.jsx)("i",{className:"fe fe-unlock fs-20"})})})}),(0,s.jsx)(N.Z.Item,{children:(0,s.jsx)(N.Z.Link,{className:"border show w-8 h-8 br-100 m-2",eventKey:"play",children:(0,s.jsx)("span",{className:"text-center mx-auto",children:(0,s.jsx)("i",{className:"fe fe-play fs-20"})})})}),(0,s.jsx)(N.Z.Item,{children:(0,s.jsx)(N.Z.Link,{className:"border w-8 h-8 br-100 m-2",eventKe
1y:"layer",children:(0,s.jsx)("span",{className:"text-center mx-auto",children:(0,s.jsx)("i",{className:"fe fe-layers fs-20"})})})}),(0,s.jsx)(N.Z.Item,{children:(0,s.jsx)(N.Z.Link,{className:"border w-8 h-8 br-100 m-2",eventKey:"images",children:(0,s.jsx)("span",{className:"text-center mx-auto",children:(0,s.jsx)("i",{className:"fe fe-image fs-20"})})})})]}),(0,s.jsx)(r.Z,{in:L,className:"mt-2",children:(0,s.jsx)("pre",{children:(0,s.jsx)("code",{children:'\n <Nav variant="pills" className="nav-pills-circle" defaultActiveKey="home">\n <Nav.Item>\n <Nav.Link className="border w-8 h-8 text-center br-100 m-2" eventKey="home" > <span className="text-center mx-auto"><i className="fe fe-home fs-20"></i></span></Nav.Link>\n </Nav.Item>\n <Nav.Item>\n <Nav.Link className="border w-8 h-8 br-100 m-2" eventKey="lock" ><span className="text-center mx-auto"><i className="fe fe-unlock fs-20"></i></span></Nav.Link>\n </Nav.Item>\n <Nav.Item>\n <Nav.Link className="border show w-8 h-8 br-100 m-2" eventKey="play"><span className="text-center mx-auto"><i className="fe fe-play fs-20"></i></span></Nav.Link>\n </Nav.Item>\n <Nav.Item>\n <Nav.Link className="border w-8 h-8 br-100 m-2" eventKey="layer"><span className="text-center mx-auto"><i className="fe fe-layers fs-20"></i></span></Nav.Link>\n </Nav.Item>\n <Nav.Item>\n <Nav.Link className="border w-8 h-8 br-100 m-2" eventKey="images"><span className="text-center mx-auto"><i className="fe fe-image fs-20"></i></span></Nav.Link>\n </Nav.Item>\n</Nav>\n'})})})]})]}),(0,s.jsxs)(m.Z,{children:[(0,s.jsxs)(m.Z.Header,{children:[(0,s.jsx)(m.Z.Title,{className:"me-2",children:"Navigation backgrounds"}),(0,s.jsx)(v.Z,{className:"ms-auto",children:(0,s.jsx)(v.Z.Check,{type:"switch",label:"Show Code",id:"custom-switch",onClick:()=>b(!Z),className:"showcode d-flex ms-auto mx-2"})})]}),(0,s.jsxs)(m.Z.Body,{children:[(0,s.jsxs)(N.Z,{className:"nav1 bg-primary br-7",defaultActiveKey:"Primary-Active",children:[(0,s.jsx)(N.Z.Item,{className:"nav-item1",children:(0,s.jsx)(N.Z.Link,{eventKey:"Primary-Active",className:"text-white",active:!0,children:"Active"})}),(0,s.jsx)(N.Z.Item,{className:"nav-item1",children:(0,s.jsx)(N.Z.Link,{eventKey:"Primary-Link-1",className:"text-white",children:"Link"})}),(0,s.jsx)(N.Z.Item,{className:"nav-item1",children:(0,s.jsx)(N.Z.Link,{eventKey:"Primary-Link-2",className:"text-white",children:"Link"})}),(0,s.jsx)(N.Z.Item,{className:"nav-item1",children:(0,s.jsx)(N.Z.Link,{eventKey:"Primary-Disable",className:"text-white-50",disabled:!0,children:"Disabled"})})]}),(0,s.jsxs)(N.Z,{className:"nav1 bg-info mt-4 br-7",defaultActiveKey:"Info-Active",children:[(0,s.jsx)(N.Z.Item,{className:"nav-item1",children:(0,s.jsx)(N.Z.Link,{className:"text-white active",eventKey:"Info-Active",children:"Active"})}),(0,s.jsx)(N.Z.Item,{className:"nav-item1",children:(0,s.jsx)(N.Z.Link,{className:"text-white",eventKey:"Info-Link-1",children:"Link"})}),(0,s.jsx)(N.Z.Item,{className:"nav-item1",children:(0,s.jsx)(N.Z.Link,{className:"text-white",eventKey:"Info-Link-2",children:"Link"})}),(0,s.jsx)(N.Z.Item,{className:"nav-item1",children:(0,s.jsx)(N.Z.Link,{className:"disabled text-white-50",eventKey:"Info-Disable",children:"Disabled"})})]}),(0,s.jsxs)(N.Z,{className:"nav1 bg-success mt-4 br-7",defaultActiveKey:"Success-Active",children:[(0,s.jsx)(N.Z.Item,{className:"nav-item1",children:(0,s.jsx)(N.Z.Link,{className:"text-white active",eventKey:"Success-Active",children:"Active"})}),(0,s.jsx)(N.Z.Item,{className:"nav-item1",children:(0,s.jsx)(N.Z.Link,{eventKey:"Success-Link-1",className:"text-white",children:"Link"})}),(0,s.jsx)(N.Z.Item,{className:"nav-item1",children:(0,s.jsx)(N.Z.Link,{eventKey:"Success-Link-2",className:"text-white",children:"Link"})}),(0,s.jsx)(N.Z.Item,{className:"nav-item1",children:(0,s.jsx)(N.Z.Link,{eventKey:"Success-Disable",className:"text-white-50",disabled:!0,children:"Disabled"})})]}),(0,s.jsxs)(N.Z,{className:"nav1 bg-danger mt-4 br-7",defaultActiveKey:"danger-Active",children:[(0,s.jsx)(N.Z.Item,{className:"nav-item1",children:(0,s.jsx)(N.Z.Link,{eventKey:"danger-Active",className:"text-white",active:!0,children:"Active"})}),(0,s.jsx)(N.Z.Item,{className:"nav-item1",children:(0,s.jsx)(N.Z.Link,{eventKey:"danger-Link-1",className:"text-white",children:"Link"})}),(0,s.jsx)(N.Z.Item,{className:"nav-item1",children:(0,s.jsx)(N.Z.Link,{eventKey:"danger-Link-2",className:"text-white",children:"Link"})}),(0,s.jsx)(N.Z.Item,{className:"nav-item1",children:(0,s.jsx)(N.Z.Link,{eventKey:"danger-Disable",className:"text-white-50",disabled:!0,children:"Disabled"})})]}),(0,s.jsxs)(N.Z,{className:"nav1 bg-secondary mt-4 br-7",defaultActiveKey:"secondary-Active",children:[(0,s.jsx)(N.Z.Item,{className:"nav-item1",children:(0,s.jsx)(N.Z.Link,{eventKey:"secondary-Active",className:"text-white",active:!0,children:"Active"})}),(0,s.jsx)(N.Z.Item,{className:"nav-item1",children:(0,s.jsx)(N.Z.Link,{eventKey:"secondary-Link-1",className:"text-white",children:"Link"})}),(0,s.jsx)(N.Z.Item,{className:"nav-item1",children:(0,s.jsx)(N.Z.Link,{eventKey:"secondary-Link-2",className:"text-white",children:"Link"})}),(0,s.jsx)(N.Z.Item,{className:"nav-item1",children:(0,s.jsx)(N.Z.Link,{eventKey:"secondary-Disable",className:"text-white-50",disabled:!0,children:"Disabled"})})]}),(0,s.jsxs)(N.Z,{className:"nav1 bg-yellow mt-4 br-7",defaultActiveKey:"yellow-Active",children:[(0,s.jsx)(N.Z.Item,{className:"nav-item1",children:(0,s.jsx)(N.Z.Link,{eventKey:"yellow-Active",className:"text-white",active:!0,children:"Active"})}),(0,s.jsx)(N.Z.Item,{className:"nav-item1",children:(0,s.jsx)(N.Z.Link,{eventKey:"yellow-Link-1",className:"text-white",children:"Link"})}),(0,s.jsx)(N.Z.Item,{className:"nav-item1",children:(0,s.jsx)(N.Z.Link,{eventKey:"yellow-Link-2",className:"text-white",children:"Link"})}),(0,s.jsx)(N.Z.Item,{className:"nav-item1",children:(0,s.jsx)(N.Z.Link,{eventKey:"yellow-Disable",className:"text-white-50",disabled:!0,children:"Disabled"})})]}),(0,s.jsx)(r.Z,{in:Z,className:"mt-2",children:(0,s.jsx)("pre",{children:(0,s.jsx)("code",{children:'\n <Nav className="nav1 bg-primary br-7" defaultActiveKey="Primary-Active">\n <Nav.Item className="nav-item1">
1\n <Nav.Link eventKey="Primary-Active" className="text-white" active>Active</Nav.Link>\n </Nav.Item>\n <Nav.Item className="nav-item1">\n <Nav.Link eventKey="Primary-Link-1" className="text-white">Link</Nav.Link>\n </Nav.Item>\n <Nav.Item className="nav-item1">\n <Nav.Link eventKey="Primary-Link-2" className="text-white">Link</Nav.Link>\n </Nav.Item>\n <Nav.Item className="nav-item1">\n <Nav.Link eventKey="Primary-Disable" className="text-white-50" disabled>Disabled</Nav.Link>\n </Nav.Item>\n</Nav>\n<Nav className="nav1 bg-info mt-4 br-7" defaultActiveKey="Info-Active">\n <Nav.Item className="nav-item1">\n <Nav.Link className="text-white active" eventKey="Info-Active">Active</Nav.Link>\n </Nav.Item>\n <Nav.Item className="nav-item1">\n <Nav.Link className="text-white" eventKey="Info-Link-1">Link</Nav.Link>\n </Nav.Item>\n <Nav.Item className="nav-item1">\n <Nav.Link className="text-white" eventKey="Info-Link-2" >Link</Nav.Link>\n </Nav.Item>\n <Nav.Item className="nav-item1">\n <Nav.Link className="disabled text-white-50" eventKey="Info-Disable">Disabled</Nav.Link>\n </Nav.Item>\n</Nav>\n<Nav className="nav1 bg-success mt-4 br-7" defaultActiveKey="Success-Active">\n <Nav.Item className="nav-item1">\n <Nav.Link className="text-white active" eventKey="Success-Active" >Active</Nav.Link>\n </Nav.Item>\n <Nav.Item className="nav-item1">\n <Nav.Link eventKey="Success-Link-1" className="text-white">Link</Nav.Link>\n </Nav.Item>\n <Nav.Item className="nav-item1">\n <Nav.Link eventKey="Success-Link-2" className="text-white">Link</Nav.Link>\n </Nav.Item>\n <Nav.Item className="nav-item1">\n <Nav.Link eventKey="Success-Disable" className="text-white-50" disabled>Disabled</Nav.Link>\n </Nav.Item>\n</Nav>\n<Nav className="nav1 bg-danger mt-4 br-7" defaultActiveKey="danger-Active">\n <Nav.Item className="nav-item1">\n <Nav.Link eventKey="danger-Active" className="text-white" active>Active</Nav.Link>\n </Nav.Item>\n <Nav.Item className="nav-item1">\n <Nav.Link eventKey="danger-Link-1" className="text-white">Link</Nav.Link>\n </Nav.Item>\n <Nav.Item className="nav-item1">\n <Nav.Link eventKey="danger-Link-2" className="text-white">Link</Nav.Link>\n </Nav.Item>\n <Nav.Item className="nav-item1">\n <Nav.Link eventKey="danger-Disable" className="text-white-50" disabled>Disabled</Nav.Link>\n </Nav.Item>\n</Nav>\n<Nav className="nav1 bg-secondary mt-4 br-7" defaultActiveKey="secondary-Active">\n <Nav.Item className="nav-item1">\n <Nav.Link eventKey="secondary-Active" className="text-white" active>Active</Nav.Link>\n </Nav.Item>\n <Nav.Item className="nav-item1">\n <Nav.Link eventKey="secondary-Link-1" className="text-white">Link</Nav.Link>\n </Nav.Item>\n <Nav.Item className="nav-item1">\n <Nav.Link eventKey="secondary-Link-2" className="text-white">Link</Nav.Link>\n </Nav.Item>\n <Nav.Item className="nav-item1">\n <Nav.Link eventKey="secondary-Disable" className="text-white-50" disabled>Disabled</Nav.Link>\n </Nav.Item>\n</Nav>\n<Nav className="nav1 bg-yellow mt-4 br-7" defaultActiveKey="yellow-Active">\n <Nav.Item className="nav-item1">\n <Nav.Link eventKey="yellow-Active" className="text-white" active>Active</Nav.Link>\n </Nav.Item>\n <Nav.Item className="nav-item1">\n <Nav.Link eventKey="yellow-Link-1" className="text-white">Link</Nav.Link>\n </Nav.Item>\n <Nav.Item className="nav-item1">\n <Nav.Link eventKey="yellow-Link-2" className="text-white">Link</Nav.Link>\n </Nav.Item>\n <Nav.Item className="nav-item1">\n <Nav.Link eventKey="yellow-Disable" className="text-white-50" disabled>Disabled</Nav.Link>\n </Nav.Item>\n</Nav>\n'})})})]})]})]})})]})};h.layout="Contentlayout",a.default=h},72867:function(e,a,n){"use strict";var s=n(85893);n(67294);var i=n(26699);let t=e=>(0,s.jsx)("div",{children:(0,s.jsxs)("div",{className:"page-header",children:[(0,s.jsx)("h1",{className:"page-title",children:e.titles}),(0,s.jsx)("div",{children:(0,s.jsxs)(i.Z,{children:[e.items.map((e,a)=>(0,s.jsx)(i.Z.Item,{href:"#!",children:e},a)),(0,s.jsx)(i.Z.Item,{href:"#!",active:!0,children:e.active})]})})]})});a.Z=t},33272:function(e,a,n){"use strict";n.d(a,{Z:function(){return m}});var s=n(85893);n(67294);var i=n(9008),t=n.n(i),l={src:"/_next/static/media/favicon.00e6795d.ico",height:16,width:16,blurWidth:0,blurHeight:0};let c=e=>{let{title:a}=e;return(0,s.jsxs)(t(),{children:[(0,s.jsx)("title",{children:" Fandoro Technologies
1- Making Businesses Responsible"}),(0,s.jsx)("link",{rel:"icon",href:l.src}),(0,s.jsx)("meta",{name:"description",content:"Fandoro Technologies - making businesses responsible"}),(0,s.jsx)("meta",{name:"author",content:"Fandoro Technologies Private Limited"}),(0,s.jsx)("meta",{name:"keywords",content:"next js dashboard template, admin dashboard nextjs, next js admin template, next js admin panel, admin dashboard, nextjs react bootstrap, react bootstrap with next js, next js admin dashboard, nextjs admin dashboard template, admin panel template, admin template react bootstrap, nextjs dashboard,next js react bootstrap"})]})};var m=c},9008:function(e,a,n){e.exports=n(42636)},26699:function(e,a,n){"use strict";n.d(a,{Z:function(){return r}});var s=n(93967),i=n.n(s),t=n(67294),l=n(76792),c=n(13551),m=n(85893);let v=t.forwardRef(({bsPrefix:e,active:a=!1,children:n,className:s,as:t="li",linkAs:v=c.Z,linkProps:N={},href:r,title:d,target:x,...h},o)=>{let k=(0,l.vE)(e,"breadcrumb-item");return(0,m.jsx)(t,{ref:o,...h,className:i()(k,s,{active:a}),"aria-current":a?"page":void 0,children:a?n:(0,m.jsx)(v,{...N,href:r,title:d,target:x,children:n})})});v.displayName="BreadcrumbItem";let N=t.forwardRef(({bsPrefix:e,className:a,listProps:n={},children:s,label:t="breadcrumb",as:c="nav",...v},N)=>{let r=(0,l.vE)(e,"breadcrumb");return(0,m.jsx)(c,{"aria-label":t,className:a,ref:N,...v,children:(0,m.jsx)("ol",{...n,className:i()(r,null==n?void 0:n.className),children:s})})});N.displayName="Breadcrumb";var r=Object.assign(N,{Item:v})}},function(e){e.O(0,[9774,2888,179],function(){return e(e.s=79175)}),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.