1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[65187],{71691:function(t,e,l){(window.__NEXT_P=window.__NEXT_P||[]).push(["/blocks/react/billing/billing-2",function(){return l(93054)}])},93054:function(t,e,l){"use strict";l.r(e);var a=l(85893);l(67294);var r=l(59335),s=l(10990),n=l(91462),i=l(93681);let w=[{img:"/img/logos/Mastercard.webp",number:"****,****,****,7852"},{img:"/img/logos/Visa.webp",number:"****,****,****,9831"},{img:"/img/logos/Visa.webp",number:"****,****,****,8362"},{img:"/img/logos/Mastercard.webp",number:"****,****,****,0098"}];e.default=function(){return(0,a.jsxs)("section",{className:"tw-max-w-4xl !tw-mx-auto tw-px-8 tw-py-20 tw-w-full",children:[(0,a.jsxs)("div",{className:"tw-flex tw-gap-6 tw-flex-col md:tw-flex-row tw-items-start !tw-justify-between tw-w-full",children:[(0,a.jsxs)("div",{className:"tw-w-full",children:[(0,a.jsx)(r.Typography,{className:"!tw-font-bold",color:"blue-gray",children:"Payment Method"}),(0,a.jsx)(r.Typography,{className:"tw-mt-1 !tw-font-normal !tw-text-gray-600",variant:"small",children:"Manage your preferred payment methods securely and conveniently."})]}),(0,a.jsx)("div",{className:"tw-w-full",children:(0,a.jsxs)(r.Button,{variant:"outlined",color:"gray",className:"tw-flex tw-justify-center tw-gap-3 md:tw-max-w-fit tw-w-full tw-ml-auto",children:[(0,a.jsx)(i.Z,{strokeWidth:3,className:"tw-h-4 tw-w-4"}),"add new card"]})})]}),(0,a.jsx)("div",{className:"tw-pt-6 tw-w-full tw-grid lg:tw-grid-cols-2 tw-grid-cols-1 tw-gap-6",children:w.map(t=>{let{img:e,number:l}=t;return(0,a.jsxs)("div",{className:"tw-flex tw-w-full tw-items-center tw-gap-8 tw-rounded-xl tw-p-4 tw-border tw-border-gray-300",children:[(0,a.jsx)("img",{src:e,alt:"card img",className:"tw-h-8"}),(0,a.jsx)("div",{className:"tw-flex tw-items-center tw-gap-2",children:l.split(",").map(t=>(0,a.jsx)(r.Typography,{color:"blue-gray",className:"!tw-font-bold",children:t},t))}),(0,a.jsxs)("div",{className:"tw-flex tw-gap-4 tw-ml-auto",children:[(0,a.jsx)(r.Tooltip,{content:"Edit",children:(0,a.jsx)(r.IconButton,{size:"sm",variant:"text",color:"gray",children:(0,a.jsx)(s.Z,{className:"tw-h-5 tw-w-5 tw-text-gray-400"})})}),(0,a.jsx)(r.Tooltip,{content:"Delete",children:(0,a.jsx)(r.IconButton,{size:"sm",variant:"text",color:"gray",children:(0,a.jsx)(n.Z,{className:"tw-h-5 tw-w-5 tw-text-red-500"})})})]})]})})})]})}},93681:function(t,e,l){"use strict";var a=l(67294);let r=a.forwardRef(function(t,e){let{title:l,titleId:r,...s}=t;return a.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:e,"aria-labelledby":r},s),l?a.createElement("title",{id:r},l):null,a.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M12 4.5v15m7.5-7.5h-15"}))});e.Z=r},10990:function(t,e,l){"use strict";var a=l(67294);let r=a.forwardRef(function(t,e){let{title:l,titleId:r,...s}=t;return a.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:e,"aria-labelledby":r},s),l?a.createElement("title",{id:r},l):null,a.createElement("path",{d:"M21.731 2.269a2.625 2.625 0 0 0-3.712 0l-1.157 1.157 3.712 3.712 1.157-1.157a2.625 2.625 0 0 0 0-3.712ZM19.513 8.199l-3.712-3.712-12.15 12.15a5.25 5.25 0 0 0-1.32 2.214l-.8 2.685a.75.75 0 0 0 .933.933l2.685-.8a5.25 5.25 0 0 0 2.214-1.32L19.513 8.2Z"}))});e.Z=r}},function(t){t.O(0,[92888,49774,40179],function(){return t(t.s=71691)}),_N_E=t.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.