%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/opti/public_html/ncf/static/js/
Upload File :
Create Path :
Current File : /home/opti/public_html/ncf/static/js/48.bc79259f.chunk.js

(this["webpackJsonpncf-nigeria"]=this["webpackJsonpncf-nigeria"]||[]).push([[48],{104:function(e,t,s){},105:function(e,t,s){"use strict";var a=s(48),n=s(1),c=s(21),r=(s(106),s(107),s(108),s(2));t.a=function(){var e=localStorage.getItem("loggedInUser"),t=Object(n.useState)([]),s=Object(a.a)(t,2),i=s[0],l=s[1];Object(n.useEffect)((function(){fetch("".concat(c.SERVER_URL,"/cart/all/").concat(e)).then((function(e){return e.json()})).then((function(e){200===e.status?l(e.data):console.log(e)}))}),[]);var d=i.length;return Object(r.jsx)("div",{className:"sliderbardiv sm:mb-20",children:Object(r.jsxs)("div",{className:"flex sliderbar shadow-sm -mt-9 field-bottom",children:[Object(r.jsxs)("a",{href:"/shop",className:"no-underline bg-white sliderbar-link text-black flex flex-col items-center justify-center md:py-0 py-8 w-48 broder-0 border-r border-solid",children:[Object(r.jsx)("span",{className:"mb-2",children:Object(r.jsx)("img",{src:"/assets/images/icons/shop.svg",alt:""})}),Object(r.jsx)("span",{children:"Shop"})]}),Object(r.jsxs)("a",{href:"/cart",className:"no-underline bg-white sliderbar-link text-black flex flex-col items-center justify-center md:py-0 py-8 w-48 broder-0 border-r border-solid",children:[Object(r.jsx)("span",{className:"mb-2",children:Object(r.jsx)("img",{src:"/assets/images/icons/shopping-cart.svg",alt:""})}),Object(r.jsxs)("span",{children:["Cart ",Object(r.jsxs)("span",{className:"cartNumber",children:[" ",d]})]})]}),Object(r.jsxs)("a",{href:"/donate",className:"no-underline bg-white sliderbar-link text-black flex flex-col items-center justify-center md:py-0 py-8 w-48",children:[Object(r.jsx)("span",{className:"mb-2",children:Object(r.jsx)("img",{src:"/assets/images/icons/donation.svg",alt:""})}),Object(r.jsx)("span",{children:"Donate"})]})]})})}},108:function(e,t,s){},254:function(e,t,s){"use strict";s(1);var a,n=s(127),c=s(50),r=s(49).a.div(a||(a=Object(c.a)(["\n  position: relative;\n  height: 700px;\n\tborder: 1px solid #eee\n\n  background: #eee;\n  font-family: 'Roboto', Helvetica Neue, Helvetica, Arial, sans-serif;\n  font-size: 14px;\n  color: rgb(39, 38, 38);\n  margin: 0;\n  padding: 0;\n\n\t.swiper-container {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n\n\t.swiper-slide {\n\t\tfont-size: 18px;\n\t\tbackground: transparent;\n\n\t\t/* Center slide text vertically */\n\t\tdisplay: -webkit-box;\n\t\tdisplay: -ms-flexbox;\n\t\tdisplay: -webkit-flex;\n\t\tdisplay: flex;\n\t\t-webkit-box-pack: center;\n\t\t-ms-flex-pack: center;\n\t\t-webkit-justify-content: center;\n\t\tjustify-content: center;\n\t\t-webkit-box-align: center;\n\t\t-ms-flex-align: center;\n\t\t-webkit-align-items: center;\n\t\talign-items: center;\n\t}\n\n\t.swiper-slide img {\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tobject-fit: cover;\n\t}\n\n\t.swiper-slide .slider-wrapper {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tobject-fit: cover;\n\t}\n\n\t.slider-text {\n\t\tposition: absolute;\n\t\theight: 100%;\n\t\twidth: 100%;\n\t}\n\n\t.field-bottom {\n\t\ttransform: translate(10%, 320px);\n\t}\n\n\t@media screen and (max-width: 640px) {\n\t\t.field-bottom {\n\t\t\ttransform: translate(0%, 0%);\n\t\t}\n\t}\n"]))),i=(s(106),s(107),s(105),s(104),s(514)),l=s(133),d=s(2);i.a.use([l.a]);t.a=function(){return Object(d.jsx)(r,{className:"mt-6",children:Object(d.jsx)(n.a,{children:Object(d.jsxs)("div",{className:"slider-wrapper",children:[Object(d.jsx)("div",{className:"slider-text border border-solid",children:Object(d.jsx)("div",{className:"max-w-7xl mx-auto pb-16 pt-48 md:px-16 px-8",children:Object(d.jsx)("div",{className:"grid md:grid-cols-2 grid-cols-1 gap-x-8 gap-y-8",children:Object(d.jsxs)("div",{className:"content banner-txt",children:[Object(d.jsx)("h1",{className:"text-4xl font-bold text-white mb-4",children:"What have you done for the Environment Lately?"}),Object(d.jsx)("p",{className:"font-light text-white mb-6",children:"What you give goes a long way"}),Object(d.jsx)("a",{href:"/donate",children:Object(d.jsx)("button",{className:"bg-green hover:bg-green-800 text-white font-bold py-2 px-8 rounded",children:"Donate"})})]})})})}),Object(d.jsx)("img",{src:"/assets/images/banner/aboutus.png",alt:""})]})})})}},529:function(e,t,s){"use strict";s.r(t);var a=s(48),n=s(1),c=s(254),r=s(18),i=s(27),l=s(202),d=s(23),o=s(2);var m=function(e){var t=e.nextStep,s=Object(l.a)({mode:"onChange"}),a=s.register,n=s.handleSubmit,c=s.formState,r=c.errors,m=c.isDirty,x=c.isValid;return console.log(r,"errors"),console.log(x,"isValid"),console.log(m,"isDirty"),Object(o.jsxs)("div",{className:"w-full",children:[Object(o.jsxs)("div",{className:"mb-8",children:[Object(o.jsx)("h2",{className:"text-gray-800 font-bold text-xl mb-4",children:"Checkout"}),Object(o.jsxs)("p",{className:"text-sm",children:["Returning Customer?"," ",Object(o.jsx)("span",{className:"text-green-light",children:"click here to login"})]})]}),Object(o.jsx)("div",{children:Object(o.jsx)("h2",{className:"text-gray-800 font-bold text-xl mb-4",children:"Billing Details"})}),Object(o.jsx)("form",{onSubmit:n((function(e){console.log(e),t()})),children:Object(o.jsxs)("div",{className:"shadow overflow-hidden sm:rounded-md",children:[Object(o.jsx)("div",{className:"px-4 py-5 bg-white sm:p-6",children:Object(o.jsxs)("div",{className:"grid grid-cols-6 gap-y-3 gap-x-6",children:[Object(o.jsxs)("div",{className:"col-span-6 sm:col-span-3",children:[Object(o.jsx)("input",Object(i.a)(Object(i.a)({type:"text",name:"full_name",id:"full-name"},a("full_name",{required:!0})),{},{placeholder:"Fullname",autoComplete:"given-name",className:"py-2 px-3 focus:outline-none focus:ring-2 focus:ring-green focus:ring-opacity-50 block w-full shadow-sm sm:text-sm border border-solid border-gray-300 rounded-sm"})),r.full_name&&Object(o.jsx)("span",{className:"text-xs text-red-500",children:"This field is required"})]}),Object(o.jsxs)("div",{className:"col-span-6 sm:col-span-3",children:[Object(o.jsx)("input",Object(i.a)(Object(i.a)({type:"text"},a("company_name",{required:!0})),{},{placeholder:"Company Name (optional)",id:"company-name",autoComplete:"company-name",className:"py-2 px-3 focus:outline-none focus:ring-2 focus:ring-green focus:ring-opacity-50 block w-full shadow-sm sm:text-sm border border-solid border-gray-300 rounded-sm"})),r.company_name&&Object(o.jsx)("span",{className:"text-xs text-red-500",children:"This field is required"})]}),Object(o.jsxs)("div",{className:"col-span-6 sm:col-span-3",children:[Object(o.jsxs)("div",{className:"w-full block relative",children:[Object(o.jsxs)("select",Object(i.a)(Object(i.a)({id:"country"},a("country",{required:!0})),{},{placeholder:"Country",autoComplete:"country",className:"block appearance-none w-full py-2 px-2 pr-8 border border-gray-300 bg-white leading-tight rounded-sm shadow-sm focus:outline-none focus:ring-2 focus:ring-green focus:ring-opacity-50 sm:text-sm",children:[Object(o.jsx)("option",{value:"United States",children:"United States"}),Object(o.jsx)("option",{value:"Canada",children:"Canada"}),Object(o.jsx)("option",{value:"Mexico",children:"Mexico"})]})),Object(o.jsx)("div",{className:"pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700",children:Object(o.jsx)("svg",{className:"fill-current h-4 w-4",xmlns:"https://www.w3.org/2000/svg",viewBox:"0 0 20 20",children:Object(o.jsx)("path",{d:"M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"})})})]}),r.country&&Object(o.jsx)("span",{className:"text-xs text-red-500",children:"This field is required"})]}),Object(o.jsxs)("div",{className:"col-span-6 sm:col-span-3",children:[Object(o.jsx)("input",Object(i.a)(Object(i.a)({type:"text"},a("address",{required:!0})),{},{placeholder:"Address",id:"street-address",autoComplete:"street-address",className:"py-2 px-3 focus:outline-none focus:ring-2 focus:ring-green focus:ring-opacity-50 block w-full shadow-sm sm:text-sm border border-solid border-gray-300 rounded-sm"})),r.address&&Object(o.jsx)("span",{className:"text-xs text-red-500",children:"This field is required"})]}),Object(o.jsxs)("div",{className:"col-span-6 sm:col-span-3",children:[Object(o.jsxs)("div",{className:"relative",children:[Object(o.jsxs)("select",Object(i.a)(Object(i.a)({id:"state"},a("state",{required:!0})),{},{placeholder:"State",autoComplete:"state",className:"block appearance-none w-full py-2 px-2 pr-8 border border-gray-300 bg-white rounded-sm shadow-sm focus:outline-none focus:ring-2 focus:ring-green focus:ring-opacity-50 sm:text-sm",children:[Object(o.jsx)("option",{value:"Lagos",children:"Lagos"}),Object(o.jsx)("option",{value:"Abuja",children:"Abuja"}),Object(o.jsx)("option",{value:"Delta",children:"Delta"})]})),Object(o.jsx)("div",{className:"pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700",children:Object(o.jsx)("svg",{className:"fill-current h-4 w-4",xmlns:"https://www.w3.org/2000/svg",viewBox:"0 0 20 20",children:Object(o.jsx)("path",{d:"M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"})})})]}),r.state&&Object(o.jsx)("span",{className:"text-xs text-red-500",children:"This field is required"})]}),Object(o.jsxs)("div",{className:"col-span-6 sm:col-span-3",children:[Object(o.jsx)("input",Object(i.a)(Object(i.a)({type:"text"},a("city",{required:!0})),{},{placeholder:"City",id:"city",className:"py-2 px-3 focus:outline-none focus:ring-2 focus:ring-green focus:ring-opacity-50 block w-full shadow-sm sm:text-sm border border-solid border-gray-300 rounded-sm"})),r.city&&Object(o.jsx)("span",{className:"text-xs text-red-500",children:"This field is required"})]}),Object(o.jsxs)("div",{className:"col-span-6 sm:col-span-3",children:[Object(o.jsx)("input",Object(i.a)(Object(i.a)({type:"text"},a("phone_number",{required:!0})),{},{placeholder:"Phone number",id:"phone_number",className:"py-2 px-3 focus:outline-none focus:ring-2 focus:ring-green focus:ring-opacity-50 block w-full shadow-sm sm:text-sm border border-solid border-gray-300 rounded-sm"})),r.phone_number&&Object(o.jsx)("span",{className:"text-xs text-red-500",children:"This field is required"})]}),Object(o.jsxs)("div",{className:"col-span-6 sm:col-span-3",children:[Object(o.jsx)("input",Object(i.a)(Object(i.a)({type:"text"},a("email_address",{required:!0})),{},{placeholder:"Email address",id:"email-address",autoComplete:"email",className:"py-2 px-3 focus:outline-none focus:ring-2 focus:ring-green focus:ring-opacity-50 block w-full shadow-sm sm:text-sm border border-solid border-gray-300 rounded-sm"})),r.email_address&&Object(o.jsx)("span",{className:"text-xs text-red-500",children:"This field is required"})]}),Object(o.jsx)("div",{className:"col-span-4",children:Object(o.jsx)("fieldset",{children:Object(o.jsxs)("div",{className:"mt-4 space-y-4",children:[Object(o.jsxs)("div",{className:"flex items-center",children:[Object(o.jsx)("div",{className:"flex items-center h-5",children:Object(o.jsx)("input",Object(i.a)(Object(i.a)({id:"new-account"},a("new_account")),{},{type:"checkbox",className:"focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded"}))}),Object(o.jsx)("div",{className:"ml-3 text-sm mt-0.5",children:Object(o.jsx)("label",{htmlFor:"new-account",className:"font-medium text-gray-700",children:"Create an Account"})})]}),Object(o.jsxs)("div",{className:"flex items-center",children:[Object(o.jsx)("div",{className:"flex items-center h-5",children:Object(o.jsx)("input",Object(i.a)(Object(i.a)({id:"shipping-address"},a("shipping_address")),{},{type:"checkbox",className:"focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded"}))}),Object(o.jsx)("div",{className:"ml-3 text-sm mt-0.5",children:Object(o.jsx)("label",{htmlFor:"shipping-address",className:"font-medium text-gray-700",children:"Ship to a different Address?"})})]})]})})}),Object(o.jsx)("div",{className:"col-span-4",children:Object(o.jsx)("div",{className:"mt-4",children:Object(o.jsx)("textarea",Object(i.a)(Object(i.a)({id:"order-notes"},a("order_notes")),{},{rows:3,className:"shadow-sm focus:ring-indigo-500 focus:border-indigo-500 py-2 px-3 block w-full sm:text-sm border border-gray-300 rounded-sm",placeholder:"Order notes",defaultValue:""}))})})]})}),Object(o.jsx)("div",{className:"px-4 py-3 bg-gray-50 text-right sm:px-6",children:Object(o.jsx)("button",{type:"submit",disabled:!m||m&&!x,className:Object(d.a)(!m||m&&!x?"bg-gray-200 hover:bg-gray-200":"bg-green hover:bg-green-800","inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-sm text-white focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green"),children:"Checkout"})})]})})]})};var x=function(){return Object(o.jsxs)("div",{className:"w-full",children:[Object(o.jsx)("div",{children:Object(o.jsx)("h2",{className:"text-gray-800 font-bold text-xl mb-4",children:"Details"})}),Object(o.jsxs)("div",{className:"",children:[Object(o.jsxs)("div",{className:"max-w-lg rounded overflow-hidden shadow-md mb-8",children:[Object(o.jsx)("div",{className:"mb-2 border-b py-2 px-4",children:Object(o.jsx)("span",{className:"font-medium text-sm",children:"Shipment Details"})}),Object(o.jsxs)("div",{className:"p-4",children:[Object(o.jsxs)("p",{className:"text-gray-500 text-sm font-bold mb-2",children:["Shipment 1 of 1"," "]}),Object(o.jsx)("p",{className:"text-gray-500 text-sm mb-4",children:"Birding Binocular; Olympus 8\xd742 pro Binocular with Extra-low dispersion (ED) glass."}),Object(o.jsxs)("p",{className:"text-gray-500 text-sm",children:["Delivered between"," ",Object(o.jsx)("strong",{className:"text-gray-800",children:"Friday 30 Apr"})," and"," ",Object(o.jsx)("strong",{className:"text-gray-800",children:"Tuesday 4 May"})]})]})]}),Object(o.jsxs)("div",{className:"max-w-lg rounded overflow-hidden shadow-md mb-8",children:[Object(o.jsx)("div",{className:"flex justify-between font-medium text-sm mb-2 border-b py-2 px-4",children:Object(o.jsx)("span",{children:"Address"})}),Object(o.jsxs)("div",{className:"p-4",children:[Object(o.jsx)("p",{className:"text-gray-600 text-sm font-bold mb-2",children:"Victor Jones"}),Object(o.jsxs)("p",{className:"flex justify-between mb-6",children:[Object(o.jsx)("span",{className:"text-gray-700 text-xs",children:"808 Mandilas Mall, Marina, victorial island Lagos Nigeria."}),Object(o.jsx)("span",{className:"text-green text-xs",children:"Change Address"})]})]})]}),Object(o.jsx)("div",{className:"max-w-lg rounded overflow-hidden shadow-md",children:Object(o.jsx)("table",{className:"min-w-full divide-y divide-gray-200",children:Object(o.jsxs)("tbody",{className:"bg-white divide-y divide-gray-200",children:[Object(o.jsxs)("tr",{className:"",children:[Object(o.jsx)("td",{className:"px-4 py-3 whitespace-nowrap",children:Object(o.jsx)("span",{className:"text-sm font-medium text-gray-600",children:"Sub Total"})}),Object(o.jsx)("td",{className:"px-4 py-3 whitespace-nowrap text-sm text-right text-gray-500",children:"\u20a6 131,250"})]}),Object(o.jsxs)("tr",{className:"",children:[Object(o.jsx)("td",{className:"px-4 py-3 whitespace-nowrap",children:Object(o.jsx)("span",{className:"text-sm font-medium text-gray-600",children:"Shipping Fee"})}),Object(o.jsx)("td",{className:"px-4 py-3 whitespace-nowrap text-sm text-right text-gray-500",children:"\u20a6 131,250"})]}),Object(o.jsxs)("tr",{className:"",children:[Object(o.jsx)("td",{className:"px-4 py-3 whitespace-nowrap",children:Object(o.jsx)("span",{className:"text-sm font-medium text-gray-600",children:"Total"})}),Object(o.jsx)("td",{className:"px-4 py-3 whitespace-nowrap text-right",children:Object(o.jsxs)("div",{className:"flex flex-col text-right",children:[Object(o.jsx)("span",{className:"text-gray-800 text-sm font-bold",children:"\u20a6132,750.00"}),Object(o.jsx)("span",{className:"text-xs text-gray-500",children:"(includes \u20a66,250.00 Tax estimated for Nigeria)"})]})})]})]})})}),Object(o.jsxs)("div",{className:"max-w-lg flex justify-center space-x-4 mt-12",children:[Object(o.jsx)("button",{className:"bg-green border hover:bg-green-800 text-sm text-white font-medium py-2 px-12 rounded-sm",children:"Pay now"}),Object(o.jsx)("button",{className:"bg-gray-50 border hover:bg-gray-100 text-sm text-gray-800 font-medium py-2 px-12 rounded-sm",children:"Cancel order"})]})]})]})},b=s(102),j=s(523);function h(){var e=Object(n.useState)(!0),t=Object(a.a)(e,2),s=t[0],c=t[1],m=Object(l.a)({mode:"onChange"}),x=m.register,h=m.handleSubmit,p=m.formState,u=p.errors,g=p.isDirty,f=p.isValid,O=Object(n.useRef)(null);return Object(o.jsx)(b.a.Root,{show:s,as:n.Fragment,children:Object(o.jsx)(j.a,{as:"div",static:!0,className:"fixed z-10 inset-0 overflow-y-auto shadow-sm",initialFocus:O,open:s,onClose:c,children:Object(o.jsxs)("div",{className:"flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0",children:[Object(o.jsx)(b.a.Child,{as:n.Fragment,enter:"ease-out duration-300",enterFrom:"opacity-0",enterTo:"opacity-100",leave:"ease-in duration-200",leaveFrom:"opacity-100",leaveTo:"opacity-0",children:Object(o.jsx)(j.a.Overlay,{className:"fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity"})}),Object(o.jsx)("span",{className:"hidden sm:inline-block sm:align-middle sm:h-screen","aria-hidden":"true",children:"\u200b"}),Object(o.jsx)(b.a.Child,{as:n.Fragment,enter:"ease-out duration-300",enterFrom:"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",enterTo:"opacity-100 translate-y-0 sm:scale-100",leave:"ease-in duration-200",leaveFrom:"opacity-100 translate-y-0 sm:scale-100",leaveTo:"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",children:Object(o.jsxs)("div",{className:"inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full",children:[Object(o.jsx)("div",{className:"bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4",children:Object(o.jsxs)("div",{className:"mt-3 text-center sm:mt-0 sm:text-left",children:[Object(o.jsx)(j.a.Title,{as:"h3",className:"text-lg leading-6 font-medium text-gray-900",children:Object(o.jsxs)("div",{className:"sm:flex sm:justify-between mb-16",children:[Object(o.jsx)("h2",{className:"tracking-wider text-gray-800 font-bold",children:"Login"}),Object(o.jsx)(r.i,{})]})}),Object(o.jsxs)("div",{className:"mt-2",children:[Object(o.jsx)("h2",{className:"text-sm font-bold text-gray-800 my-4",children:"If you have shopped with us before, please enter your details below. If you are a new customer, please proceed to the Billing section."}),Object(o.jsxs)("form",{onSubmit:h((function(e){return console.log(e)})),children:[Object(o.jsxs)("div",{className:"mb-8",children:[Object(o.jsx)("input",Object(i.a)(Object(i.a)({type:"email",name:"email",id:"email"},x("email",{required:!0})),{},{placeholder:"Email Address",autoComplete:"email",className:"py-2 px-3 focus:outline-none focus:ring-2 focus:ring-green focus:ring-opacity-50 block w-full shadow-sm sm:text-sm border border-solid border-gray-300 rounded-sm"})),u.email&&Object(o.jsx)("span",{className:"text-xs text-red-500",children:"This field is required"})]}),Object(o.jsxs)("div",{className:"mb-8",children:[Object(o.jsx)("input",Object(i.a)(Object(i.a)({type:"password",name:"password",id:"password"},x("password",{required:!0})),{},{placeholder:"Password",autoComplete:"password",className:"py-2 px-3 focus:outline-none focus:ring-2 focus:ring-green focus:ring-opacity-50 block w-full shadow-sm sm:text-sm border border-solid border-gray-300 rounded-sm"})),u.password&&Object(o.jsx)("span",{className:"text-xs text-red-500",children:"This field is required"})]})]})]})]})}),Object(o.jsxs)("div",{className:"bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse",children:[Object(o.jsx)("button",{type:"submit",disabled:!g||g&&!f,className:Object(d.a)(!g||g&&!f?"bg-gray-200 hover:bg-gray-200":"bg-green hover:bg-green-800 focus:ring-2 focus:ring-offset-2 focus:ring-green-500","w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 text-base font-medium text-white focus:outline-none sm:ml-3 sm:w-auto sm:text-sm"),onClick:function(){return c(!1)},children:"Login"}),Object(o.jsx)("button",{type:"button",className:"mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm",onClick:function(){return c(!1)},ref:O,children:"Cancel"})]})]})})]})})})}t.default=function(e){var t=Object(n.useState)(0),s=Object(a.a)(t,2),i=s[0],l=s[1],d=["Billing Details","Details","Payment"],b=function(){i>=0&&i<d.length&&l((function(e){return e+1}))},j=function(){i>0&&i<=d.length&&l((function(e){return e-1}))};return Object(o.jsxs)("div",{children:[Object(o.jsx)(c.a,{}),Object(o.jsxs)("div",{className:"max-w-7xl mx-auto md:px-8 px-4 py-8 bg-white",children:[Object(o.jsxs)("div",{className:"flex items-center mb-8",children:[Object(o.jsx)("button",{onClick:j,className:"flex justify-center h-10 w-10 bg-gray-50 hover:bg-gray-100 text-gray-600 font-bold py-2 px-4 rounded-full",children:Object(o.jsx)(r.e,{size:"24",className:"flex-shrink-0"})}),Object(o.jsx)("h2",{className:"text-gray-700 font-medium text-xl ml-2",children:"Back"})]}),Object(o.jsx)("div",{className:"py-0",children:Object(o.jsxs)("div",{className:"grid md:grid-cols-2 grid-cols-1 gap-4",children:[Object(o.jsxs)("div",{children:[0===i&&Object(o.jsx)(m,{nextStep:b,prevStep:j}),1===i&&Object(o.jsx)(x,{nextStep:b,prevStep:j}),2===i&&Object(o.jsx)(m,{nextStep:b,prevStep:j})]}),Object(o.jsx)("div",{})]})})]}),Object(o.jsx)(h,{})]})}}}]);
//# sourceMappingURL=48.bc79259f.chunk.js.map

Zerion Mini Shell 1.0