https://safepay-docs.netlify.app/_next/static/chunks/pages/components/TalkGridCell-8a6562aaf0173855.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[777],{2115:(e,t,n)=>{"use strict";n.d(t,{Fb:()=>f,sX:()=>m,Us:()=>j,xA:()=>_,LX:()=>p,C9:()=>S,fu:()=>g});var r=n(18153),s=n(38993),l=n(82102),i=n(46720),d=n(28419),c=n(40337),a=n(78756),o=n(10716),h=n(10012),x=n(88604);let m=e=>{let{children:t}=e;return(0,r.Y)(h.mc,{fluid:!0,style:{paddingLeft:-15,paddingRight:-15,marginBottom:i.YK[6]},children:t})},u=e=>{let{children:t,sm:n,md:s,lg:l,xl:i,xxl:d}=e;return(0,r.FD)(r.FK,{children:[(0,r.Y)(h.fv,{css:y,sm:n,md:s,lg:l,xl:i,xxl:d,children:t}),(0,r.Y)("div",{css:w,children:t})]})},p=e=>{let{children:t,sm:n,md:s,lg:l,xl:i,xxl:d,className:c}=e;return(0,r.Y)(u,{css:y,sm:n,md:s,lg:l,xl:i,xxl:d,children:(0,r.Y)("div",{css:v,className:c,children:t})})},f=e=>{let{icon:t,title:n,link:s,className:l,sm:i=6,md:c=6,lg:a=6,xl:o=3}=e;return(0,r.Y)(u,{css:y,md:c,sm:i,lg:a,xl:o,children:(0,r.FD)(x.A,{href:s,css:[v,N,Y],className:l,isStyled:!0,children:[(0,r.Y)("div",{css:k,children:t}),(0,r.FD)(x.d_,{css:A,children:[n,(0,r.Y)(d.A,{className:"text-icon-secondary"})]})]})})},g=e=>{let{title:t,event:n,description:s,videoId:l,thumbnail:i,link:d,className:h,sm:m=6,md:p=6,lg:f=6,xl:g=3}=e;return(0,r.Y)(u,{css:y,md:p,sm:m,lg:f,xl:g,children:(0,r.FD)(x.A,{openInNewTab:!0,href:null!=d?d:"https://www.youtube.com/watch?v=".concat(l),css:[v,N,Y],className:h,isStyled:!0,children:[(0,r.Y)("div",{style:{backgroundImage:"url(".concat(i?"/static/thumbnails/".concat(i):"https://i3.ytimg.com/vi/".concat(l,"/maxresdefault.jpg"),")")},className:"border-b border-b-default bg-cover bg-center h-[138px]"}),(0,r.FD)("div",{css:A,className:"!py-3 gap-1",children:[(0,r.Y)(x.d_,{className:"block leading-normal",children:t}),(0,r.Y)(c.A,{className:"text-icon-secondary shrink-0 icon-sm"})]}),(0,r.FD)("div",{className:"px-4 pb-2 bg-default flex flex-col gap-0.5",children:[(0,r.FD)(x.Tk,{theme:"secondary",className:"flex gap-2 items-center",children:[(0,r.Y)(a.A,{className:"icon-xs text-icon-tertiary shrink-0"}),s]}),(0,r.FD)(x.Tk,{theme:"secondary",className:"flex gap-2 items-center",children:[(0,r.Y)(o.A,{className:"icon-xs text-icon-tertiary shrink-0"}),n]})]})]})})},j=e=>{let{icon:t,iconBackground:n=i.MF.light.gray11,title:l,link:d,description:a,className:o,md:h=6,shouldLeakReferrer:m}=e;return(0,r.Y)(u,{css:y,md:h,children:(0,r.FD)(x.A,{href:d,css:[v,D,I],className:o,shouldLeakReferrer:m,isStyled:!0,children:[(0,r.Y)("div",{css:[C,(0,s.AH)({backgroundColor:n})],children:t}),(0,r.FD)("div",{css:T,children:[(0,r.Y)("span",{css:F,children:l}),(0,r.Y)(x.P,{css:H,children:a})]}),(0,r.Y)(c.A,{className:"text-icon-secondary self-center ml-1.5"})]})})};function b(e){let{item:t}=e,{href:n,Icon:d,title:c,description:a,...o}=t,h=d?"text-center":"text-left";return(0,r.Y)(p,{css:(0,s.AH)({padding:i.YK[4],minHeight:"auto",display:"flex"}),className:"hocus:shadow-xs flex",...o,children:(0,r.FD)(x.A,{isStyled:!0,href:n,className:"flex flex-col items-center justify-center w-full",children:[d?(0,r.Y)("div",{className:"rounded-full bg-palette-grey3 p-3",children:d}):null,(0,r.FD)("div",{className:"flex flex-col",children:[(0,r.Y)(x.$t,{className:h,css:(0,s.AH)({color:l.w4.text.link,marginTop:0}),children:c}),(0,r.Y)(x.P,{className:h,children:a})]})]})})}let y=(0,s.AH)("display:flex;padding-left:0 !important;padding-right:0 !important;@media screen and (max-width:",i.fi.medium,"px){display:none;}"),w=(0,s.AH)({width:"100%",["@media screen and (min-width: ".concat(i.fi.medium,"px)")]:{display:"none"}}),Y=(0,s.AH)("&{transition:box-shadow 200ms;svg{transition:transform 200ms;}}&:hover{box-shadow:",l.Eo.sm,';svg{transform:scale(1.05);}svg[role="img"]{transform:none;}}'),v=(0,s.AH)({width:"100%",margin:i.YK[4],padding:i.YK[8],minHeight:200,overflow:"hidden",position:"relative",borderWidth:1,borderStyle:"solid",borderColor:l.w4.border.default,borderRadius:i.Vq.lg,h2:{marginTop:0,marginBottom:0},h3:{marginTop:0}}),N=(0,s.AH)({display:"block",backgroundColor:l.w4.background.subtle,padding:0,overflow:"hidden",textDecoration:"none"}),k=(0,s.AH)({display:"flex",minHeight:142,justifyContent:"space-around",alignItems:"center"}),A=(0,s.AH)({display:"flex",justifyContent:"space-between",backgroundColor:l.w4.background.default,textDecoration:"none",minHeight:30,padding:i.YK[4],color:l.w4.text.default,alignItems:"center"}),D=(0,s.AH)({display:"flex",minHeight:"unset",padding:i.YK[4],margin:"".concat(i.YK[3],"px ").concat(i.YK[4],"px"),flexDirection:"row",textDecoration:"none"}),C=(0,s.AH)({height:48,width:48,minWidth:48,display:"flex",justifyContent:"center",alignItems:"center",borderRadius:i.Vq.lg,marginRight:i.YK[3]}),T=(0,s.AH)({flexGrow:1}),F=(0,s.AH)({...l.Il.fontSizes[16],fontWeight:500,color:l.w4.text.default,textDecoration:"none",marginBottom:i.YK[2]}),H=(0,s.AH)({...l.Il.fontSizes[14],color:l.w4.text.secondary}

1),I=(0,s.AH)("&{transition:box-shadow 200ms;svg{transition:transform 200ms;}}&:hover{box-shadow:",l.Eo.sm,";svg{transform:scale(1.075);}}"),S=e=>{let{children:t,style:n,href:s,className:i,...d}=e;return(0,r.Y)(l.$n,{...d,href:s,openInNewTab:null==s?void 0:s.startsWith("http"),className:(0,l.zP)("h-9 px-3.5 absolute bottom-7 z-10",i),children:t})};function _(e){let{list:t}=e;return(0,r.Y)(m,{children:(0,r.Y)(h.fI,{children:t.map((e,t)=>(0,r.Y)(b,{item:{...e,md:12,xl:4}},t))})})}},19002:(e,t,n)=>{"use strict";n.d(t,{B:()=>h});var r=n(18153),s=n(99079),l=n(70724),i=n(50532),d=n(71275),c=n(66907),a=n(58260),o=n(88604);let h=e=>{let{cmd:t,cmdCopy:n,hideOverflow:l,title:o="Terminal"}=e;return(0,r.FD)(i.Y,{className:"terminal-snippet [li_&]:mt-4",children:[(0,r.Y)(c.L,{alwaysDark:!0,title:o,Icon:s.A,children:function(e){let{cmd:t,cmdCopy:n}=e,s=n||function(e){let t=e.filter(e=>!e.startsWith("#")&&""!==e);if(1===t.length)return t[0].startsWith("$")?t[0].slice(2):t[0]}(t);return s&&(0,r.Y)(a.e,{alwaysDark:!0,text:s})}({cmd:t,cmdCopy:n})}),(0,r.Y)(d.R,{alwaysDark:!0,hideOverflow:l,className:"flex flex-col",children:t.map(x)})]})};function x(e,t){let n="line-".concat(t);return""===e.trim()?(0,r.Y)("br",{className:"select-none"},n):e.startsWith("#")?(0,r.Y)(o.Sq,{className:"whitespace-pre !bg-[transparent] !border-none select-none !text-palette-gray10",children:e},n):e.startsWith("$")?(0,r.FD)("div",{children:[(0,r.Y)(o.Sq,{className:"whitespace-pre !bg-[transparent] !border-none select-none !text-secondary",children:"-\xa0"}),(0,r.Y)(o.Sq,{className:"whitespace-pre !bg-[transparent] !border-none text-default",dangerouslySetInnerHTML:{__html:l.My.highlight(e.substring(1).trim(),l.My.languages.bash,"bash")}})]},n):(0,r.Y)(o.Sq,{className:"whitespace-pre !bg-[transparent] !border-none text-default",children:e},n)}},19618:(e,t,n)=>{"use strict";n.d(t,{b:()=>x});var r=n(18153),s=n(74206),l=n(14232),i=n(27013),d=n(50532),c=n(71275),a=n(66907),o=n(7404);let h=()=>Math.random().toString(36).slice(2,9),x=e=>{let{source:t,raw:n,filenameModifier:x=e=>e,showOperation:m=!1,collapseDeletedFiles:u=!1,SnippetHeaderComponent:p=a.L}=e,[f,g]=(0,l.useState)(n?(0,i.FR)(n):null);return((0,l.useEffect)(()=>{t&&(async()=>{let e=await fetch(t),n=await e.text();g((0,i.FR)(n))})()},[t]),f)?(0,r.Y)(r.FK,{children:f.map(e=>{let{oldRevision:t=h(),newRevision:n=h(),type:l,hunks:a,newPath:f,oldPath:g}=e;return a.length?(0,r.FD)(d.Y,{children:[(0,r.Y)(p,{title:"".concat(x("delete"===l?g:f)),Icon:s.A,operationType:l,showOperation:m,float:u&&"delete"===l,children:(0,r.Y)(o.C,{})}),u&&"delete"===l?null:(0,r.Y)(c.R,{className:"p-0",hideOverflow:!0,children:(0,r.Y)(i.oO,{viewType:"unified",diffType:l,hunks:a,children:e=>e.map(e=>(0,r.Y)(i.D9,{hunk:e},e.content))})})]},t+"-"+n):null})}):null}},39916:(e,t,n)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/TalkGridCell",function(){return n(88667)}])},61352:(e,t,n)=>{"use strict";n.a(e,async(e,r)=>{try{n.d(t,{h:()=>p});var s=n(18153),l=n(82102),i=n(32972),d=n(14232),c=n(50532),a=n(71275),o=n(66907),h=n(92823),x=n(58260),m=n(7404),u=e([h]);h=(u.then?(await u)():u)[0];let p=e=>{let{label:t,buttonTitle:n,contentHidden:r,children:u}=e,p=(0,d.useRef)(null),[f,g]=(0,d.useState)(!1);return(0,d.useEffect)(()=>g(!0),[]),(0,s.FD)(c.Y,{className:"flex flex-col mb-3 prose-pre:!m-0 prose-pre:!border-0",children:[(0,s.Y)(o.L,{title:t||"Example",Icon:i.A,children:(0,s.FD)("div",{className:"contents",children:[(0,s.Y)(x.e,{text:(0,h.e6)((p.current&&p.current.textContent||"").replace(/%%placeholder-start%%.*%%placeholder-end%%/g,""))}),(0,s.Y)(m.C,{})]})}),(0,s.Y)(a.R,{ref:p,className:(0,l.zP)("p-0",r&&"hidden"),children:u})]})};r()}catch(e){r(e)}})},88667:(e,t,n)=>{"use strict";n.a(e,async(e,r)=>{try{n.r(t),n.d(t,{__N_SSG:()=>a,default:()=>h,headings:()=>m,meta:()=>x});var s=n(37876),l=n(91668),i=n(94275),d=n(2115),c=e([i]);i=(c.then?(await c)():c)[0];var a=!0;let x={title:"TalkGridCell"},m=[{depth:2,type:"text",title:"Usage"},{depth:2,type:"text",title:"Rendered Example"},{depth:2,type:"text",title:"Props"}];function o(e){let t={code:"code",h2:"h2",p:"p",pre:"pre",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,l.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(t.p,{children:["The ",(0,s.jsx)(t.code,{children:"TalkGridCell"})," component is specially crafted to showcase talks, including a thumbnail, title, description, and a link to view the talk."]}),"\n",(0,s.jsx)(t.h2,{id:"usage",children:"Usage"}),"\n",(0,s.jsx)(i.hc,{label:"TalkGridCell Basic Usage",children:(0,s.jsx)(t.pre,{children:(0,s.jsx)(t.code,{className:"language-jsx",children:'import React from \'react\';\nimport { TalkGridCell } from \'~/ui/components/Home\';

1\n\nexport default function App() {\n  return (\n    <TalkGridCell\n      title="Innovative Tech"\n      event="Tech Conference 2021"\n      description="Discussing the future of technology."\n      videoId="dQw4w9WgXcQ"\n    />\n  );\n}\n'})})}),"\n",(0,s.jsx)(t.h2,{id:"rendered-example",children:"Rendered Example"}),"\n",(0,s.jsx)("div",{className:"flex flex-wrap gap-6",children:(0,s.jsx)(d.fu,{title:"Future of AI",event:"AI Summit 2024",description:"Exploring AI innovations.",videoId:"xyz123"})}),"\n",(0,s.jsx)(t.h2,{id:"props",children:"Props"}),"\n",(0,s.jsxs)(t.table,{children:[(0,s.jsx)(t.thead,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.th,{children:"Name"}),(0,s.jsx)(t.th,{children:"Type"}),(0,s.jsx)(t.th,{children:"Default"}),(0,s.jsx)(t.th,{children:"Description"})]})}),(0,s.jsxs)(t.tbody,{children:[(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"title"}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"undefined"})}),(0,s.jsx)(t.td,{children:"Title of the talk"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"event"}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"undefined"})}),(0,s.jsx)(t.td,{children:"Event where the talk was given"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"description"}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"undefined"})}),(0,s.jsx)(t.td,{children:"Brief description of the talk"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"videoId"}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"undefined"})}),(0,s.jsx)(t.td,{children:"YouTube video ID for the talk"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"thumbnail"}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"undefined"})}),(0,s.jsx)(t.td,{children:"URL for the talk's thumbnail image"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"link"}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"undefined"})}),(0,s.jsx)(t.td,{children:"Custom link to the talk"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"className"}),(0,s.jsx)(t.td,{children:"string"}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"undefined"})}),(0,s.jsx)(t.td,{children:"Additional CSS classes for styling"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"sm"}),(0,s.jsx)(t.td,{children:"number"}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"6"})}),(0,s.jsx)(t.td,{children:"Columns span on small screens"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"md"}),(0,s.jsx)(t.td,{children:"number"}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"6"})}),(0,s.jsx)(t.td,{children:"Columns span on medium screens"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"lg"}),(0,s.jsx)(t.td,{children:"number"}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"6"})}),(0,s.jsx)(t.td,{children:"Columns span on large screens"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:"xl"}),(0,s.jsx)(t.td,{children:"number"}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"3"})}),(0,s.jsx)(t.td,{children:"Columns span on extra large screens"})]})]})]})]})}function h(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,l.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(o,{...e})}):o(e)}r()}catch(e){r(e)}})},94275:(e,t,n)=>{"use strict";n.a(e,async(e,r)=>{try{n.d(t,{BK:()=>l.B,bk:()=>s.b,hc:()=>i.h});var s=n(19618),l=n(19002),i=n(61352),d=e([i]);i=(d.then?(await d)():d)[0],r()}catch(e){r(e)}})}},e=>{e.O(0,[7784,5370,636,6593,8792],()=>e(e.s=39916)),_N_E=e.O()}]);