HOME

Mini Shell 1.0
DIR:/home/htlwork.com/www/out/_next/static/chunks/pages/
Current File : //home/htlwork.com/www/out/_next/static/chunks/pages/cards-5fd80516f8c92a7a.js
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[728],{60718:function(e,n,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/cards",function(){return i(55644)}])},55644:function(e,n,i){"use strict";i.r(n),i.d(n,{default:function(){return oe}});var s=i(85893),r=i(86886),t=i(15861),a=i(21248),o=i(66242),l=i(83965),c=i(44267),d=function(){return(0,s.jsxs)(o.Z,{children:[(0,s.jsx)(l.Z,{sx:{height:"14.5625rem"},image:"/images/cards/glass-house.png"}),(0,s.jsxs)(c.Z,{children:[(0,s.jsx)(t.Z,{variant:"h6",sx:{marginBottom:2},children:"Influencing The Influencer"}),(0,s.jsx)(t.Z,{variant:"body2",children:"Cancun is back, better than ever! Over a hundred Mexico resorts have reopened and the state tourism minister predicts Cancun will draw as many visitors in 2006 as it did two years ago."})]})]})},x=i(14924),h=i(67294),m=i(87357),j=i(35294),u=i(83321),p=i(22224),g=i(11496),Z=i(93946),f=i(62023),v=i(88143),y=i(42812),b=i(85233),w=i(39606),k=i(45884),I=i(2879),C=(0,g.ZP)(r.ZP)((function(e){var n,i=e.theme;return n={display:"flex",alignItems:"center",justifyContent:"center"},(0,x.Z)(n,i.breakpoints.down("md"),{borderBottom:"1px solid ".concat(i.palette.divider)}),(0,x.Z)(n,i.breakpoints.up("md"),{borderRight:"1px solid ".concat(i.palette.divider)}),n})),P=function(){var e=(0,h.useState)(null),n=e[0],i=e[1],a=Boolean(n),l=function(){i(null)};return(0,s.jsx)(o.Z,{children:(0,s.jsxs)(r.ZP,{container:!0,spacing:6,children:[(0,s.jsx)(C,{item:!0,md:5,xs:12,children:(0,s.jsx)(c.Z,{sx:{display:"flex",alignItems:"center",justifyContent:"center"},children:(0,s.jsx)("img",{width:137,height:176,alt:"Apple iPhone 11 Pro",src:"/images/cards/iPhone-11-pro.png"})})}),(0,s.jsxs)(r.ZP,{item:!0,xs:12,md:7,sx:{paddingTop:["0 !important","0 !important","1.5rem !important"],paddingLeft:["1.5rem !important","1.5rem !important","0 !important"]},children:[(0,s.jsxs)(c.Z,{children:[(0,s.jsx)(t.Z,{variant:"h6",sx:{marginBottom:2},children:"Apple iPhone 11 Pro"}),(0,s.jsx)(t.Z,{variant:"body2",sx:{marginBottom:3.5},children:"Apple iPhone 11 Pro smartphone. Announced Sep 2019. Features 5.8\u2033 display Apple A13 Bionic"}),(0,s.jsxs)(t.Z,{sx:{fontWeight:500,marginBottom:3},children:["Price:"," ",(0,s.jsx)(m.Z,{component:"span",sx:{fontWeight:"bold"},children:"$899"})]})]}),(0,s.jsx)(f.Z,{className:"card-action-dense",children:(0,s.jsxs)(m.Z,{sx:{display:"flex",justifyContent:"space-between",width:"100%"},children:[(0,s.jsxs)(u.Z,{children:[(0,s.jsx)(y.Z,{fontSize:"small",sx:{marginRight:2}}),"Add to Card"]}),(0,s.jsx)(Z.Z,{id:"long-button","aria-label":"share","aria-haspopup":"true",onClick:function(e){i(e.currentTarget)},"aria-controls":"long-menu","aria-expanded":a?"true":void 0,children:(0,s.jsx)(I.Z,{fontSize:"small"})}),(0,s.jsxs)(j.Z,{open:a,id:"long-menu",anchorEl:n,onClose:l,MenuListProps:{"aria-labelledby":"long-button"},children:[(0,s.jsx)(p.Z,{onClick:l,children:(0,s.jsx)(b.Z,{})}),(0,s.jsx)(p.Z,{onClick:l,children:(0,s.jsx)(v.Z,{})}),(0,s.jsx)(p.Z,{onClick:l,children:(0,s.jsx)(w.Z,{})}),(0,s.jsx)(p.Z,{onClick:l,children:(0,s.jsx)(k.Z,{})})]})]})})]})]})})},B=i(69661),T=i(40111),R=function(){return(0,s.jsx)(o.Z,{children:(0,s.jsxs)(c.Z,{sx:{display:"flex",textAlign:"center",alignItems:"center",flexDirection:"column",padding:function(e){return"".concat(e.spacing(9.75,5,9.25)," !important")}},children:[(0,s.jsx)(B.Z,{sx:{width:50,height:50,marginBottom:2.25,color:"common.white",backgroundColor:"primary.main"},children:(0,s.jsx)(T.Z,{sx:{fontSize:"2rem"}})}),(0,s.jsx)(t.Z,{variant:"h6",sx:{marginBottom:2.75},children:"Support"}),(0,s.jsx)(t.Z,{variant:"body2",sx:{marginBottom:6},children:"According to us blisters are a very common thing and we come across them very often in our daily lives. It is a very common occurrence like cold or fever depending upon your lifestyle."}),(0,s.jsx)(u.Z,{variant:"contained",sx:{padding:function(e){return e.spacing(1.75,5.5)}},children:"Contact Now"})]})})},S=i(93365),A=function(){return(0,s.jsx)(o.Z,{sx:{border:0,boxShadow:0,color:"common.white",backgroundColor:"info.main"},children:(0,s.jsxs)(c.Z,{sx:{padding:function(e){return"".concat(e.spacing(3.25,5,4.5)," !important")}},children:[(0,s.jsxs)(t.Z,{variant:"h6",sx:{display:"flex",marginBottom:2.75,alignItems:"center",color:"common.white"},children:[(0,s.jsx)(v.Z,{sx:{marginRight:2.5}}),"Twitter Card"]}),(0,s.jsx)(t.Z,{variant:"body2",sx:{marginBottom:3,color:"common.white"},children:"Turns out semicolon-less style is easier and safer in TS because most gotcha edge cases are type invalid as well."}),(0,s.jsxs)(m.Z,{sx:{display:"flex",flexWrap:"wrap",alignItems:"center",justifyContent:"space-between"},children:[(0,s.jsxs)(m.Z,{sx:{mr:2,display:"flex",alignItems:"center"},children:[(0,s.jsx)(B.Z,{alt:"Mary Vaughn",src:"/images/avatars/4.png",sx:{width:34,height:34,marginRight:2.75}}),(0,s.jsx)(t.Z,{variant:"body2",sx:{color:"common.white"},children:"Mary Vaughn"})]}),(0,s.jsxs)(m.Z,{sx:{display:"flex",alignItems:"center"},children:[(0,s.jsxs)(m.Z,{sx:{display:"flex",alignItems:"center",mr:3.5},children:[(0,s.jsx)(S.Z,{sx:{marginRight:1.25}}),(0,s.jsx)(t.Z,{variant:"body2",sx:{color:"common.white"},children:"1.2k"})]}),(0,s.jsxs)(m.Z,{sx:{display:"flex",alignItems:"center"},children:[(0,s.jsx)(I.Z,{sx:{marginRight:1.25}}),(0,s.jsx)(t.Z,{variant:"body2",sx:{color:"common.white"},children:"80"})]})]})]})]})})},z=function(){return(0,s.jsx)(o.Z,{sx:{border:0,boxShadow:0,color:"common.white",backgroundColor:"primary.main"},children:(0,s.jsxs)(c.Z,{sx:{padding:function(e){return"".concat(e.spacing(3.25,5,4.5)," !important")}},children:[(0,s.jsxs)(t.Z,{variant:"h6",sx:{display:"flex",marginBottom:2.75,alignItems:"center",color:"common.white"},children:[(0,s.jsx)(b.Z,{sx:{marginRight:2.5}}),"Facebook Card"]}),(0,s.jsx)(t.Z,{variant:"body2",sx:{marginBottom:3,color:"common.white"},children:"You\u2019ve read about the importance of being courageous, rebellious and imaginative. These are all vital ingredients in an effective."}),(0,s.jsxs)(m.Z,{sx:{display:"flex",flexWrap:"wrap",alignItems:"center",justifyContent:"space-between"},children:[(0,s.jsxs)(m.Z,{sx:{mr:2,display:"flex",alignItems:"center"},children:[(0,s.jsx)(B.Z,{alt:"Eugene Clarke",src:"/images/avatars/1.png",sx:{width:34,height:34,marginRight:2.75}}),(0,s.jsx)(t.Z,{variant:"body2",sx:{color:"common.white"},children:"Eugene Clarke"})]}),(0,s.jsxs)(m.Z,{sx:{display:"flex",alignItems:"center"},children:[(0,s.jsxs)(m.Z,{sx:{display:"flex",alignItems:"center",mr:3.5},children:[(0,s.jsx)(S.Z,{sx:{marginRight:1.25}}),(0,s.jsx)(t.Z,{variant:"body2",sx:{color:"common.white"},children:"3.2k"})]}),(0,s.jsxs)(m.Z,{sx:{display:"flex",alignItems:"center"},children:[(0,s.jsx)(I.Z,{sx:{marginRight:1.25}}),(0,s.jsx)(t.Z,{variant:"body2",sx:{color:"common.white"},children:"49"})]})]})]})]})})},_=function(){return(0,s.jsx)(o.Z,{sx:{border:0,boxShadow:0,color:"common.white",backgroundColor:"success.main"},children:(0,s.jsxs)(c.Z,{sx:{padding:function(e){return"".concat(e.spacing(3.25,5,4.5)," !important")}},children:[(0,s.jsxs)(t.Z,{variant:"h6",sx:{display:"flex",marginBottom:2.75,alignItems:"center",color:"common.white"},children:[(0,s.jsx)(w.Z,{sx:{marginRight:2.5}}),"LinkedIn Card"]}),(0,s.jsx)(t.Z,{variant:"body2",sx:{marginBottom:3,color:"common.white"},children:"With the Internet spreading like wildfire and reaching every part of our daily life, more and more traffic is directed."}),(0,s.jsxs)(m.Z,{sx:{display:"flex",flexWrap:"wrap",alignItems:"center",justifyContent:"space-between"},children:[(0,s.jsxs)(m.Z,{sx:{mr:2,display:"flex",alignItems:"center"},children:[(0,s.jsx)(B.Z,{alt:"Anne Burke",src:"/images/avatars/8.png",sx:{width:34,height:34,marginRight:2.75}}),(0,s.jsx)(t.Z,{variant:"body2",sx:{color:"common.white"},children:"Anne Burke"})]}),(0,s.jsxs)(m.Z,{sx:{display:"flex",alignItems:"center"},children:[(0,s.jsxs)(m.Z,{sx:{display:"flex",alignItems:"center",mr:3.5},children:[(0,s.jsx)(S.Z,{sx:{marginRight:1.25}}),(0,s.jsx)(t.Z,{variant:"body2",sx:{color:"common.white"},children:"1.1k"})]}),(0,s.jsxs)(m.Z,{sx:{display:"flex",alignItems:"center"},children:[(0,s.jsx)(I.Z,{sx:{marginRight:1.25}}),(0,s.jsx)(t.Z,{variant:"body2",sx:{color:"common.white"},children:"67"})]})]})]})]})})},N=function(){return(0,s.jsxs)(o.Z,{children:[(0,s.jsx)(l.Z,{sx:{height:"9.375rem"},image:"/images/cards/watch-on-hand.jpg"}),(0,s.jsxs)(c.Z,{sx:{padding:function(e){return"".concat(e.spacing(3,5.25,4)," !important")}},children:[(0,s.jsx)(t.Z,{variant:"h6",sx:{marginBottom:2},children:"Apple Watch"}),(0,s.jsx)(t.Z,{sx:{marginBottom:2},children:"$249.40"}),(0,s.jsx)(t.Z,{variant:"body2",children:"3.1GHz 6-core 10th-generation Intel Core i5 processor, Turbo Boost up to 4.5GHz"})]}),(0,s.jsx)(u.Z,{variant:"contained",sx:{py:2.5,width:"100%",borderTopLeftRadius:0,borderTopRightRadius:0},children:"Add To Cart"})]})},O=i(67720),W=i(93842),M=i(48777),D=i(99642),H=i(41036),L=(0,g.ZP)(m.Z)((function(e){var n=e.theme;return(0,x.Z)({},n.breakpoints.up("sm"),{borderRight:"1px solid ".concat(n.palette.divider)})})),E=function(){return(0,s.jsx)(o.Z,{children:(0,s.jsxs)(r.ZP,{container:!0,spacing:6,children:[(0,s.jsx)(r.ZP,{item:!0,xs:12,sm:7,children:(0,s.jsxs)(c.Z,{sx:{padding:function(e){return"".concat(e.spacing(3.25,5.75,6.25)," !important")}},children:[(0,s.jsx)(t.Z,{variant:"h6",sx:{marginBottom:3.5},children:"Lifetime Membership"}),(0,s.jsx)(t.Z,{variant:"body2",children:"Here, I focus on a range of items and features that we use in life without giving them a second thought such as Coca Cola, body muscles and holding ones own breath. Though, most of these notes are not fundamentally necessary, they are such that you can use them for a good laugh, at a drinks party or for picking up women or men."}),(0,s.jsx)(O.Z,{sx:{marginTop:6.5,marginBottom:6.75}}),(0,s.jsxs)(r.ZP,{container:!0,spacing:4,children:[(0,s.jsx)(r.ZP,{item:!0,xs:12,sm:5,children:(0,s.jsxs)(L,{children:[(0,s.jsxs)(m.Z,{sx:{mb:6.75,display:"flex",alignItems:"center"},children:[(0,s.jsx)(H.Z,{sx:{color:"primary.main",marginRight:2.75},fontSize:"small"}),(0,s.jsx)(t.Z,{variant:"body2",children:"Full Access"})]}),(0,s.jsxs)(m.Z,{sx:{display:"flex",alignItems:"center"},children:[(0,s.jsx)(D.Z,{sx:{color:"primary.main",marginRight:2.75},fontSize:"small"}),(0,s.jsx)(t.Z,{variant:"body2",children:"15 Members"})]})]})}),(0,s.jsxs)(r.ZP,{item:!0,xs:12,sm:7,children:[(0,s.jsxs)(m.Z,{sx:{mb:6.75,display:"flex",alignItems:"center"},children:[(0,s.jsx)(M.Z,{sx:{color:"primary.main",marginRight:2.75},fontSize:"small"}),(0,s.jsx)(t.Z,{variant:"body2",children:"Access all Features"})]}),(0,s.jsxs)(m.Z,{sx:{display:"flex",alignItems:"center"},children:[(0,s.jsx)(W.Z,{sx:{color:"primary.main",marginRight:2.75},fontSize:"small"}),(0,s.jsx)(t.Z,{variant:"body2",children:"Lifetime Free Update"})]})]})]})]})}),(0,s.jsx)(r.ZP,{item:!0,sm:5,xs:12,sx:{paddingTop:["0 !important","1.5rem !important"],paddingLeft:["1.5rem !important","0 !important"]},children:(0,s.jsx)(c.Z,{sx:{height:"100%",display:"flex",textAlign:"center",alignItems:"center",justifyContent:"center",backgroundColor:"action.hover",padding:function(e){return"".concat(e.spacing(18,5,16)," !important")}},children:(0,s.jsxs)(m.Z,{children:[(0,s.jsxs)(m.Z,{sx:{mb:3.5,display:"flex",alignItems:"flex-end",justifyContent:"center"},children:[(0,s.jsx)(t.Z,{variant:"h6",children:"$"}),(0,s.jsx)(t.Z,{variant:"h6",sx:{lineHeight:1,fontWeight:600,fontSize:"3.75rem !important"},children:"899"}),(0,s.jsx)(t.Z,{variant:"h6",children:"USD"})]}),(0,s.jsxs)(t.Z,{variant:"body2",sx:{mb:13.75,display:"flex",flexDirection:"column"},children:[(0,s.jsx)("span",{children:"5 Tips For Offshore"}),(0,s.jsx)("span",{children:"Software Development"})]}),(0,s.jsx)(u.Z,{variant:"contained",children:"Contact Now"})]})})})]})})},F=i(78445),U=function(){return(0,s.jsxs)(o.Z,{children:[(0,s.jsx)(F.Z,{title:"Influencing The Influencer"}),(0,s.jsxs)(c.Z,{children:[(0,s.jsx)(t.Z,{variant:"body2",sx:{marginBottom:3.25},children:"Computers have become ubiquitous in almost every facet of our lives. At work, desk jockeys spend hours in front of their desktops, while delivery people scan bar codes with handhelds and workers in the field stay in touch."}),(0,s.jsx)(t.Z,{variant:"body2",children:"If you\u2019re in the market for new desktops, notebooks, or PDAs, there are a myriad of choices. Here\u2019s a rundown of some of the best systems available."})]}),(0,s.jsx)(f.Z,{className:"card-action-dense",children:(0,s.jsx)(u.Z,{children:"Read More"})})]})},G=i(40044),V=i(30298),Y=i(55050),$=i(45670),X=function(){var e=(0,h.useState)("1"),n=e[0],i=e[1];return(0,s.jsx)(o.Z,{children:(0,s.jsxs)($.ZP,{value:n,children:[(0,s.jsxs)(V.Z,{onChange:function(e,n){i(n)},"aria-label":"card navigation example",children:[(0,s.jsx)(G.Z,{value:"1",label:"Item One"}),(0,s.jsx)(G.Z,{value:"2",label:"Item Two"}),(0,s.jsx)(G.Z,{value:"3",label:"Item Three"})]}),(0,s.jsxs)(c.Z,{children:[(0,s.jsxs)(Y.Z,{value:"1",sx:{p:0},children:[(0,s.jsx)(t.Z,{variant:"h6",sx:{marginBottom:2},children:"Header One"}),(0,s.jsx)(t.Z,{variant:"body2",sx:{marginBottom:4},children:"Pudding tiramisu caramels. Gingerbread gummies danish chocolate bar toffee marzipan. Wafer wafer cake powder danish oat cake."}),(0,s.jsx)(u.Z,{variant:"contained",children:"Button One"})]}),(0,s.jsxs)(Y.Z,{value:"2",sx:{p:0},children:[(0,s.jsx)(t.Z,{variant:"h6",sx:{marginBottom:2},children:"Header Two"}),(0,s.jsx)(t.Z,{variant:"body2",sx:{marginBottom:4},children:"Drag\xe9e chupa chups souffl\xe9 cheesecake jelly tootsie roll cupcake marzipan. Carrot cake sweet roll gummi bears caramels jelly beans."}),(0,s.jsx)(u.Z,{variant:"contained",children:"Button Two"})]}),(0,s.jsxs)(Y.Z,{value:"3",sx:{p:0},children:[(0,s.jsx)(t.Z,{variant:"h6",sx:{marginBottom:2},children:"Header Three"}),(0,s.jsx)(t.Z,{variant:"body2",sx:{marginBottom:4},children:"Icing cake macaroon macaroon jelly chocolate bar. Chupa chups dessert dessert souffl\xe9 chocolate bar jujubes gummi bears lollipop."}),(0,s.jsx)(u.Z,{variant:"contained",children:"Button Three"})]})]})]})})},q=i(57922),J=i(23246),K=i(22875),Q=function(){var e=(0,h.useState)(!1),n=e[0],i=e[1],r=function(){i(!n)};return(0,s.jsxs)(o.Z,{children:[(0,s.jsx)(l.Z,{sx:{height:"14.5625rem"},image:"/images/cards/paper-boat.png"}),(0,s.jsxs)(c.Z,{children:[(0,s.jsx)(t.Z,{variant:"h6",sx:{marginBottom:2},children:"Popular Uses Of The Internet"}),(0,s.jsx)(t.Z,{variant:"body2",children:"Although cards can support multiple actions, UI controls, and an overflow menu."})]}),(0,s.jsx)(f.Z,{className:"card-action-dense",children:(0,s.jsxs)(m.Z,{sx:{width:"100%",display:"flex",alignItems:"center",justifyContent:"space-between"},children:[(0,s.jsx)(u.Z,{onClick:r,children:"Details"}),(0,s.jsx)(Z.Z,{size:"small",onClick:r,children:n?(0,s.jsx)(J.Z,{sx:{fontSize:"1.875rem"}}):(0,s.jsx)(K.Z,{sx:{fontSize:"1.875rem"}})})]})}),(0,s.jsxs)(q.Z,{in:n,children:[(0,s.jsx)(O.Z,{sx:{margin:0}}),(0,s.jsx)(c.Z,{children:(0,s.jsx)(t.Z,{variant:"body2",children:"I\u2032m a thing. But, like most politicians, he promised more than he could deliver. You won\u2032t have time for sleeping, soldier, not with all the bed making you\u2032ll be doing. Then we\u2032ll go with that data file! Hey, you add a one and two zeros to that or we walk! You\u2032re going to do his laundry? I\u2032ve got to find a way to escape."})})]})]})},ee=i(44612),ne=function(){return(0,s.jsxs)(o.Z,{children:[(0,s.jsx)(F.Z,{title:"The Best Answers"}),(0,s.jsxs)(c.Z,{children:[(0,s.jsxs)(m.Z,{sx:{mb:5,display:"flex",flexWrap:"wrap",alignItems:"center"},children:[(0,s.jsx)(ee.Z,{readOnly:!0,value:5,name:"read-only",sx:{marginRight:2}}),(0,s.jsx)(t.Z,{variant:"body2",children:"5 Star | 98 reviews"})]}),(0,s.jsx)(t.Z,{variant:"body2",sx:{marginBottom:3.25},children:"If you are looking for a new way to promote your business that won\u2019t cost you more money, maybe printing is one of the options you won\u2019t resist."}),(0,s.jsx)(t.Z,{variant:"body2",children:"Printing is a widely use process in making printed materials that are used for advertising. It become fast, easy and simple. If you want your promotional material to be an eye-catching."})]}),(0,s.jsxs)(f.Z,{className:"card-action-dense",children:[(0,s.jsx)(u.Z,{children:"Location"}),(0,s.jsx)(u.Z,{children:"Reviews"})]})]})},ie=function(){var e=(0,h.useState)("1"),n=e[0],i=e[1];return(0,s.jsx)(o.Z,{children:(0,s.jsxs)($.ZP,{value:n,children:[(0,s.jsxs)(V.Z,{centered:!0,onChange:function(e,n){i(n)},"aria-label":"card navigation example",children:[(0,s.jsx)(G.Z,{value:"1",label:"Item One"}),(0,s.jsx)(G.Z,{value:"2",label:"Item Two"}),(0,s.jsx)(G.Z,{value:"3",label:"Item Three"})]}),(0,s.jsxs)(c.Z,{sx:{textAlign:"center"},children:[(0,s.jsxs)(Y.Z,{value:"1",sx:{p:0},children:[(0,s.jsx)(t.Z,{variant:"h6",sx:{marginBottom:2},children:"Header One"}),(0,s.jsx)(t.Z,{variant:"body2",sx:{marginBottom:4},children:"Pudding tiramisu caramels. Gingerbread gummies danish chocolate bar toffee marzipan. Wafer wafer cake powder danish oat cake."}),(0,s.jsx)(u.Z,{variant:"contained",children:"Button One"})]}),(0,s.jsxs)(Y.Z,{value:"2",sx:{p:0},children:[(0,s.jsx)(t.Z,{variant:"h6",sx:{marginBottom:2},children:"Header Two"}),(0,s.jsx)(t.Z,{variant:"body2",sx:{marginBottom:4},children:"Drag\xe9e chupa chups souffl\xe9 cheesecake jelly tootsie roll cupcake marzipan. Carrot cake sweet roll gummi bears caramels jelly beans."}),(0,s.jsx)(u.Z,{variant:"contained",children:"Button Two"})]}),(0,s.jsxs)(Y.Z,{value:"3",sx:{p:0},children:[(0,s.jsx)(t.Z,{variant:"h6",sx:{marginBottom:2},children:"Header Three"}),(0,s.jsx)(t.Z,{variant:"body2",sx:{marginBottom:4},children:"Icing cake macaroon macaroon jelly chocolate bar. Chupa chups dessert dessert souffl\xe9 chocolate bar jujubes gummi bears lollipop."}),(0,s.jsx)(u.Z,{variant:"contained",children:"Button Three"})]})]})]})})},se=(0,g.ZP)(r.ZP)((function(e){var n,i=e.theme;return n={display:"flex",flexDirection:"column",alignItems:"flex-start"},(0,x.Z)(n,i.breakpoints.down("md"),{paddingTop:"0 !important"}),(0,x.Z)(n,"& .MuiCardContent-root",(0,x.Z)({padding:i.spacing(3,4.75)},i.breakpoints.down("md"),{paddingTop:0})),n})),re=(0,g.ZP)(r.ZP)((function(e){var n,i=e.theme;return n={display:"flex",alignItems:"center",justifyContent:"center"},(0,x.Z)(n,i.breakpoints.up("md"),{paddingLeft:"0 !important"}),(0,x.Z)(n,i.breakpoints.down("md"),{order:-1}),n})),te=(0,g.ZP)("img")((function(e){return{height:"11rem",borderRadius:e.theme.shape.borderRadius}})),ae=function(){return(0,s.jsx)(o.Z,{children:(0,s.jsxs)(r.ZP,{container:!0,spacing:6,children:[(0,s.jsxs)(se,{item:!0,xs:12,md:6,lg:7,children:[(0,s.jsxs)(c.Z,{children:[(0,s.jsx)(t.Z,{variant:"h6",sx:{marginBottom:2},children:"Stumptown Roasters"}),(0,s.jsxs)(m.Z,{sx:{mb:4.75,display:"flex",flexWrap:"wrap",alignItems:"center"},children:[(0,s.jsx)(ee.Z,{readOnly:!0,value:5,name:"read-only",sx:{marginRight:2}}),(0,s.jsx)(t.Z,{variant:"body2",children:"5 Star | 98 reviews"})]}),(0,s.jsx)(t.Z,{variant:"body2",sx:{marginBottom:4},children:"Before there was a United States of America, there were coffee houses, because how are you supposed to build."})]}),(0,s.jsxs)(f.Z,{className:"card-action-dense",sx:{width:"100%"},children:[(0,s.jsx)(u.Z,{children:"Location"}),(0,s.jsx)(u.Z,{children:"Reviews"})]})]}),(0,s.jsx)(re,{item:!0,xs:12,md:6,lg:5,children:(0,s.jsx)(c.Z,{sx:{display:"flex",alignItems:"center",justifyContent:"center"},children:(0,s.jsx)(te,{alt:"Stumptown Roasters",src:"/images/cards/analog-clock.jpg"})})})]})})},oe=function(){return(0,s.jsxs)(r.ZP,{container:!0,spacing:6,children:[(0,s.jsx)(r.ZP,{item:!0,xs:12,sx:{paddingBottom:4},children:(0,s.jsx)(t.Z,{variant:"h5",children:"Basic Cards"})}),(0,s.jsx)(r.ZP,{item:!0,xs:12,sm:6,md:4,children:(0,s.jsx)(d,{})}),(0,s.jsx)(r.ZP,{item:!0,xs:12,sm:6,md:4,children:(0,s.jsx)(a.Z,{})}),(0,s.jsx)(r.ZP,{item:!0,xs:12,sm:6,md:4,children:(0,s.jsx)(Q,{})}),(0,s.jsx)(r.ZP,{item:!0,xs:12,sm:6,children:(0,s.jsx)(P,{})}),(0,s.jsx)(r.ZP,{item:!0,xs:12,sm:6,children:(0,s.jsx)(ae,{})}),(0,s.jsx)(r.ZP,{item:!0,xs:12,sm:6,md:4,children:(0,s.jsx)(N,{})}),(0,s.jsx)(r.ZP,{item:!0,xs:12,md:8,children:(0,s.jsx)(E,{})}),(0,s.jsx)(r.ZP,{item:!0,xs:12,sm:6,md:4,children:(0,s.jsx)(U,{})}),(0,s.jsx)(r.ZP,{item:!0,xs:12,sm:6,md:4,children:(0,s.jsx)(ne,{})}),(0,s.jsx)(r.ZP,{item:!0,xs:12,sm:6,md:4,children:(0,s.jsx)(R,{})}),(0,s.jsx)(r.ZP,{item:!0,xs:12,sx:{pb:4,pt:function(e){return"".concat(e.spacing(17.5)," !important")}},children:(0,s.jsx)(t.Z,{variant:"h5",children:"Navigation Cards"})}),(0,s.jsx)(r.ZP,{item:!0,xs:12,md:6,children:(0,s.jsx)(X,{})}),(0,s.jsx)(r.ZP,{item:!0,xs:12,md:6,children:(0,s.jsx)(ie,{})}),(0,s.jsx)(r.ZP,{item:!0,xs:12,sx:{pb:4,pt:function(e){return"".concat(e.spacing(17.5)," !important")}},children:(0,s.jsx)(t.Z,{variant:"h5",children:"Solid Cards"})}),(0,s.jsx)(r.ZP,{item:!0,xs:12,sm:6,md:4,children:(0,s.jsx)(A,{})}),(0,s.jsx)(r.ZP,{item:!0,xs:12,sm:6,md:4,children:(0,s.jsx)(z,{})}),(0,s.jsx)(r.ZP,{item:!0,xs:12,sm:6,md:4,children:(0,s.jsx)(_,{})})]})}},21248:function(e,n,i){"use strict";i.d(n,{Z:function(){return I}});var s=i(85893),r=i(87357),t=i(66242),a=i(69661),o=i(83965),l=i(15861),c=i(44267),d=i(41664),x=i.n(d),h=i(14924),m=i(67294),j=i(69368),u=i(93946),p=i(11496),g=i(35294),Z=i(22224),f=i(50480),v=i(37142),y=(0,p.ZP)(g.Z)((function(e){var n=e.theme;return{"& .MuiMenu-paper":(0,h.Z)({width:380,overflow:"hidden",marginTop:n.spacing(4)},n.breakpoints.down("sm"),{width:"100%"}),"& .MuiMenu-list":{padding:0}}})),b=(0,p.ZP)(Z.Z)((function(e){var n=e.theme;return{paddingTop:n.spacing(3),paddingBottom:n.spacing(3),borderBottom:"1px solid ".concat(n.palette.divider)}})),w=(0,p.ZP)(l.Z)((function(e){return{fontWeight:600,flex:"1 1 100%",overflow:"hidden",fontSize:"0.875rem",whiteSpace:"nowrap",textOverflow:"ellipsis",marginBottom:e.theme.spacing(.75)}})),k=function(){var e=(0,m.useState)(null),n=e[0],i=e[1],t=function(){i(null)};return(0,s.jsxs)(m.Fragment,{children:[(0,s.jsx)(u.Z,{color:"inherit","aria-haspopup":"true",onClick:function(e){i(e.currentTarget)},"aria-controls":"customized-menu",className:"client-dropdown",children:(0,s.jsx)(v.Z,{})}),(0,s.jsxs)(y,{anchorEl:n,open:Boolean(n),onClose:t,anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"left"},children:[(0,s.jsx)(b,{disableRipple:!0,sx:{background:"rgba(145,85,253,0.5)"},children:(0,s.jsx)(r.Z,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",width:"100%"},children:(0,s.jsx)(l.Z,{sx:{fontWeight:"600"},children:"Filter Clients"})})}),(0,s.jsx)(b,{onClick:t,children:(0,s.jsx)(r.Z,{sx:{width:"100%",display:"flex"},children:(0,s.jsxs)(r.Z,{sx:{mx:4,flex:"1 1",display:"flex",flexDirection:"column",textTransform:"uppercase"},children:[(0,s.jsx)(w,{children:(0,s.jsx)(f.Z,{label:"All",control:(0,s.jsx)(j.Z,{name:"filter_client",id:"filter_client",value:"All"})})}),(0,s.jsx)(w,{children:(0,s.jsx)(f.Z,{label:"Active",control:(0,s.jsx)(j.Z,{name:"filter_client",id:"filter_client",value:"Active"})})}),(0,s.jsx)(w,{children:(0,s.jsx)(f.Z,{label:"inactive",control:(0,s.jsx)(j.Z,{name:"filter_client",id:"filter_client",value:"Inactive"})})})]})})})]})]})},I=function(){return(0,s.jsxs)(t.Z,{sx:{position:"relative"},children:[(0,s.jsx)(o.Z,{sx:{height:"7.625rem"},image:"/images/cards/background-user.png"}),(0,s.jsx)(a.Z,{alt:"Robert Meyer",src:"/images/avatars/3.png",sx:{width:75,height:75,left:"5.5rem",top:"5rem",position:"absolute",border:function(e){return"0.25rem solid ".concat(e.palette.common.white)}}}),(0,s.jsxs)(c.Z,{children:[(0,s.jsx)("div",{className:"clients-page",children:(0,s.jsx)(k,{})}),(0,s.jsxs)(r.Z,{sx:{mt:5.75,mb:8.75,display:"flex",flexWrap:"wrap",alignItems:"center",justifyContent:"center"},children:[(0,s.jsxs)(r.Z,{sx:{mr:2,mb:1,display:"flex",flexDirection:"column"},children:[(0,s.jsx)(l.Z,{variant:"h6",children:"Robert Meyer"}),(0,s.jsx)(l.Z,{variant:"caption",children:"Private"})]}),(0,s.jsx)("div",{className:"view-details",children:(0,s.jsx)(x(),{href:"/clientDetail",children:"View Details"})})]}),(0,s.jsx)(r.Z,{sx:{gap:2,display:"flex",flexWrap:"wrap",justifyContent:"space-between",alignItems:"center"},children:(0,s.jsx)(l.Z,{variant:"subtitle2",sx:{whiteSpace:"nowrap",color:"text.primary"},children:"Next Session :"})}),(0,s.jsxs)(r.Z,{children:[(0,s.jsx)(l.Z,{variant:"body1",children:"Thursday, 7 January 2023"}),(0,s.jsx)(l.Z,{variant:"caption",children:"11:11 AM"})]})]})]})}}},function(e){e.O(0,[886,4,161,890,774,888,179],(function(){return n=60718,e(e.s=n);var n}));var n=e.O();_N_E=n}]);