react-image-previewer
Version:
An exquisite React photo preview component
2 lines • 17.7 kB
JavaScript
"use strict";(()=>{var Y=Object.create;var A=Object.defineProperty,tt=Object.defineProperties,ot=Object.getOwnPropertyDescriptor,et=Object.getOwnPropertyDescriptors,rt=Object.getOwnPropertyNames,C=Object.getOwnPropertySymbols,nt=Object.getPrototypeOf,H=Object.prototype.hasOwnProperty,P=Object.prototype.propertyIsEnumerable;var q=(t,o,e)=>o in t?A(t,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[o]=e,p=(t,o)=>{for(var e in o||(o={}))H.call(o,e)&&q(t,e,o[e]);if(C)for(var e of C(o))P.call(o,e)&&q(t,e,o[e]);return t},d=(t,o)=>tt(t,et(o));var c=(t=>typeof require!="undefined"?require:typeof Proxy!="undefined"?new Proxy(t,{get:(o,e)=>(typeof require!="undefined"?require:o)[e]}):t)(function(t){if(typeof require!="undefined")return require.apply(this,arguments);throw new Error('Dynamic require of "'+t+'" is not supported')});var v=(t,o)=>{var e={};for(var n in t)H.call(t,n)&&o.indexOf(n)<0&&(e[n]=t[n]);if(t!=null&&C)for(var n of C(t))o.indexOf(n)<0&&P.call(t,n)&&(e[n]=t[n]);return e};var it=(t,o,e,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of rt(o))!H.call(t,r)&&r!==e&&A(t,r,{get:()=>o[r],enumerable:!(n=ot(o,r))||n.enumerable});return t};var f=(t,o,e)=>(e=t!=null?Y(nt(t)):{},it(o||!t||!t.__esModule?A(e,"default",{value:t,enumerable:!0}):e,t));var I=f(c("styled-components")),Ht=c("react");var a=c("react/jsx-runtime"),at=typeof I.default.default=="undefined"?I.default:I.default.default,$t=t=>(0,a.jsx)(st,d(p({},t),{viewBox:"0 0 1024 1024",focusable:"false",width:"1em",height:"1em",fill:"currentColor",children:(0,a.jsx)("path",{d:"M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"})})),S=t=>(0,a.jsx)("svg",d(p({},t),{viewBox:"0 0 1024 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",children:(0,a.jsx)("path",{d:"M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8c-16.4 12.8-16.4 37.5 0 50.3l450.8 352.1c5.3 4.1 12.9 0.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"})})),D=t=>(0,a.jsx)("svg",d(p({},t),{viewBox:"0 0 1024 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",children:(0,a.jsx)("path",{d:"M765.7 486.8L314.9 134.7c-5.3-4.1-12.9-0.4-12.9 6.3v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1c16.4-12.8 16.4-37.6 0-50.4z"})})),E=t=>(0,a.jsx)("svg",d(p({},t),{viewBox:"0 0 1024 1024",focusable:"false",width:"1em",height:"1em",fill:"currentColor",children:(0,a.jsx)("path",{d:"M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8zM512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64z m0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"})})),j=t=>(0,a.jsx)("svg",d(p({},t),{viewBox:"0 0 1024 1024",focusable:"false",width:"1em",height:"1em",fill:"currentColor",children:(0,a.jsx)("path",{d:"M696 480H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h368c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8zM512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64z m0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"})})),W=t=>(0,a.jsxs)("svg",d(p({},t),{viewBox:"0 0 1024 1024",focusable:"false",width:"1em",height:"1em",fill:"currentColor",children:[(0,a.jsx)("path",{d:"M316 672h60c4.4 0 8-3.6 8-8V360c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v304c0 4.4 3.6 8 8 8zM512 622c22.1 0 40-17.9 40-39 0-23.1-17.9-41-40-41s-40 17.9-40 41c0 21.1 17.9 39 40 39zM512 482c22.1 0 40-17.9 40-39 0-23.1-17.9-41-40-41s-40 17.9-40 41c0 21.1 17.9 39 40 39z"}),(0,a.jsx)("path",{d:"M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32z m-40 728H184V184h656v656z"}),(0,a.jsx)("path",{d:"M648 672h60c4.4 0 8-3.6 8-8V360c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v304c0 4.4 3.6 8 8 8z"})]})),G=t=>(0,a.jsxs)("svg",d(p({},t),{viewBox:"0 0 1024 1024",focusable:"false",width:"1em",height:"1em",fill:"currentColor",children:[(0,a.jsx)("path",{d:"M672 418H144c-17.7 0-32 14.3-32 32v414c0 17.7 14.3 32 32 32h528c17.7 0 32-14.3 32-32V450c0-17.7-14.3-32-32-32z m-44 402H188V494h440v326z"}),(0,a.jsx)("path",{d:"M819.3 328.5c-78.8-100.7-196-153.6-314.6-154.2l-0.2-64c0-6.5-7.6-10.1-12.6-6.1l-128 101c-4 3.1-3.9 9.1 0 12.3L492 318.6c5.1 4 12.7 0.4 12.6-6.1v-63.9c12.9 0.1 25.9 0.9 38.8 2.5 42.1 5.2 82.1 18.2 119 38.7 38.1 21.2 71.2 49.7 98.4 84.3 27.1 34.7 46.7 73.7 58.1 115.8 11 40.7 14 82.7 8.9 124.8-0.7 5.4-1.4 10.8-2.4 16.1h74.9c14.8-103.6-11.3-213-81-302.3z"})]})),J=t=>(0,a.jsxs)("svg",d(p({},t),{viewBox:"0 0 1024 1024",focusable:"false",width:"1em",height:"1em",fill:"currentColor",children:[(0,a.jsx)("path",{d:"M480.5 251.2c13-1.6 25.9-2.4 38.8-2.5v63.9c0 6.5 7.5 10.1 12.6 6.1L660 217.6c4-3.2 4-9.2 0-12.3l-128-101c-5.1-4-12.6-0.4-12.6 6.1l-0.2 64c-118.6 0.5-235.8 53.4-314.6 154.2-69.6 89.2-95.7 198.6-81.1 302.4h74.9c-0.9-5.3-1.7-10.7-2.4-16.1-5.1-42.1-2.1-84.1 8.9-124.8 11.4-42.2 31-81.1 58.1-115.8 27.2-34.7 60.3-63.2 98.4-84.3 37-20.6 76.9-33.6 119.1-38.8z"}),(0,a.jsx)("path",{d:"M880 418H352c-17.7 0-32 14.3-32 32v414c0 17.7 14.3 32 32 32h528c17.7 0 32-14.3 32-32V450c0-17.7-14.3-32-32-32z m-44 402H396V494h440v326z"})]})),_=t=>(0,a.jsx)("svg",d(p({},t),{viewBox:"0 0 1024 1024",focusable:"false",width:"1em",height:"1em",fill:"currentColor",children:(0,a.jsx)("path",{d:"M488.5 784.35l-155.8-155.9c-13.4-13.5-13.4-35.4 0.1-48.9 13.4-13.5 35.3-13.5 48.8 0l96.9 96.9V98.649c0-19.1 15.5-34.6 34.6-34.6 19.101 0 34.601 15.5 34.601 34.6V676.45l96.899-96.9c6.5-6.5 15.2-10.1 24.4-10.1s17.9 3.6 24.4 10.1c13.5 13.5 13.5 35.4 0 48.9l-155.9 155.9c-6.8 6.7-15.6 10.101-24.5 10.101s-17.8-3.401-24.5-10.101z m436.9-143.9c19.1 0 34.6 15.5 34.6 34.5v222.9c0 34.2-27.8 62.101-62.1 62.101H126.1c-34.2 0-62.1-27.8-62.1-62.101v-222.9c0-19 15.4-34.601 34.5-34.601s34.6 15.5 34.6 34.601v195.5c0 11.399 9.3 20.6 20.6 20.6h716.5c11.399 0 20.6-9.3 20.6-20.6v-195.4c0-19.1 15.5-34.6 34.6-34.6z"})})),K=t=>(0,a.jsx)("svg",d(p({},t),{viewBox:"0 0 1024 1024",focusable:"false",width:"1em",height:"1em",fill:"currentColor",children:(0,a.jsx)("path",{d:"M893.9 826c18.699 18.8 18.699 49.2 0 67.9-18.801 18.699-49.2 18.699-67.9 0l-314-314-314 314c-18.8 18.699-49.2 18.699-67.9 0-18.7-18.801-18.7-49.2 0-67.9l314-314-314-314c-18.7-18.8-18.7-49.2 0-67.9 18.8-18.699 49.2-18.699 67.9 0l314 314 314-314c18.8-18.699 49.2-18.699 67.9 0 18.699 18.801 18.699 49.2 0 67.9l-314 314 314 314z"})})),st=at("svg").withConfig({componentId:"sc-797zoe-0"})({"@keyframes spin":{to:{transform:"rotate(360deg)"}},animation:"spin 1s linear infinite"});var z=f(c("styled-components"));var Z=c("react/jsx-runtime"),ct=typeof z.default.default=="undefined"?z.default:z.default.default,jt=n=>{var r=n,{visible:t=!0,children:o}=r,e=v(r,["visible","children"]);return(0,Z.jsx)(mt,d(p({},e),{$_css:[{position:"absolute",top:"1.25rem",right:"0.5rem",zIndex:"50",cursor:"pointer",padding:"0.5rem",fontSize:"16px","--tw-text-opacity":"1",color:"rgb(255 255 255 / var(--tw-text-opacity))",opacity:"1",transitionProperty:"opacity",transitionTimingFunction:"cubic-bezier(0, 0, 0.2, 1)",transitionDuration:"150ms",transitionDelay:"200ms",":hover":{opacity:"1"},"@media (min-width: 640px)":{right:"0.75rem",padding:"0.625rem",fontSize:"20px",opacity:"0.9"},"@media (min-width: 768px)":{right:"1rem",opacity:"0.75"},"@media (min-width: 1024px)":{right:"1.25rem"}},!t&&{opacity:"0"}],children:o!=null?o:(0,Z.jsx)(K,{})}))},mt=ct("div").withConfig({componentId:"sc-16guxl7-0"})(["",""],t=>t.$_css);var L=f(c("styled-components")),k=f(c("styled-components")),Xt=c("react");var R=t=>{let o=document.createElement("a");o.target="_blank",o.href=t,o.download=t,o.click()};var s=c("react/jsx-runtime"),Ut=typeof L.default.default=="undefined"?L.default:L.default.default,b=typeof k.default.default=="undefined"?k.default:k.default.default,pt=b.div.withConfig({componentId:"sc-ooqigt-0"})({pointerEvents:"auto",display:"flex",alignItems:"center",borderRadius:"0.375rem","--tw-bg-opacity":"1",backgroundColor:"rgb(31 41 55 / var(--tw-bg-opacity))",paddingLeft:"0.5rem",paddingRight:"0.5rem"}),u=b.button.withConfig({componentId:"sc-ooqigt-1"})({marginTop:"0.5rem",marginBottom:"0.5rem",marginLeft:"0.375rem",marginRight:"0.375rem",cursor:"pointer",borderRadius:"0.25rem",padding:"0.25rem",fontSize:"20px",":hover":{"--tw-bg-opacity":"1",backgroundColor:"rgb(75 85 99 / var(--tw-bg-opacity))"},":disabled":{cursor:"not-allowed","--tw-text-opacity":"1",color:"rgb(75 85 99 / var(--tw-text-opacity))"},":disabled:hover":{backgroundColor:"transparent"}}),Q=b(u).withConfig({componentId:"sc-ooqigt-2"})({marginTop:"0px",marginBottom:"0px",marginLeft:"0px",marginRight:"0px",cursor:"default",fontSize:"16px",":hover":{backgroundColor:"transparent"}}),lt=b.div.withConfig({componentId:"sc-ooqigt-3"})({marginLeft:"0.375rem",marginRight:"0.375rem",display:"flex",height:"1rem",alignItems:"center",justifyContent:"center",borderLeftWidth:"1px","--tw-border-opacity":"1",borderColor:"rgb(75 85 99 / var(--tw-border-opacity))"}),U=(t,o=!0)=>t<.5||!o&&t===.5?.05:t<1.5||!o&&t===1.5?.1:t<3||!o&&t===3?.25:.5,dt=({index:t,onIndexChange:o,images:e,className:n,children:r})=>{let m=e.length,i=t===0;return(0,s.jsx)(u,{disabled:i,onClick:()=>{o(i?m-1:t-1)},className:n,children:r!=null?r:(0,s.jsx)(S,{})})},gt=({index:t,images:o,className:e,children:n})=>{let r=o.length;return(0,s.jsx)(Q,{className:e,children:n!=null?n:`${t+1}/${r}`})},ft=({index:t,onIndexChange:o,images:e,className:n,children:r})=>{let m=e.length,i=t===m-1;return(0,s.jsx)(u,{disabled:i,onClick:()=>{o(i?0:t+1)},className:n,children:r!=null?r:(0,s.jsx)(D,{})})},ut=({className:t})=>(0,s.jsx)(lt,{className:t}),yt=({scale:t,onScale:o,loading:e,className:n,children:r})=>(0,s.jsx)(u,{disabled:e,onClick:()=>{o(t-U(t,!1))},className:n,children:r!=null?r:(0,s.jsx)(j,{})}),wt=({scale:t,className:o,children:e})=>(0,s.jsx)(Q,{className:o,children:e!=null?e:`${Math.round(t*100)}%`}),ht=({scale:t,onScale:o,loading:e,className:n,children:r})=>(0,s.jsx)(u,{disabled:e,onClick:()=>{o(t+U(t))},className:n,children:r!=null?r:(0,s.jsx)(E,{})}),xt=({onScale:t,loading:o,className:e,children:n})=>(0,s.jsx)(u,{disabled:o,onClick:()=>{t(1)},className:e,children:n!=null?n:(0,s.jsx)(W,{})}),vt=({images:t,index:o,loading:e,className:n,children:r})=>(0,s.jsx)(u,{disabled:e,onClick:()=>{let{src:i}=t[o];!i||R(i)},className:n,children:r!=null?r:(0,s.jsx)(_,{})}),bt=({rotate:t,onRotate:o,loading:e,className:n,children:r})=>(0,s.jsx)(u,{disabled:e,onClick:()=>{o(t-90)},className:n,children:r!=null?r:(0,s.jsx)(G,{})}),Ct=({rotate:t,onRotate:o,loading:e,className:n,children:r})=>(0,s.jsx)(u,{disabled:e,onClick:()=>{o(t+90)},className:n,children:r!=null?r:(0,s.jsx)(J,{})}),It={arrowLeft:dt,countText:gt,arrowRight:ft,split:ut,zoomOut:yt,scaleCount:wt,zoomIn:ht,oneToOne:xt,download:vt,rotateLeft:bt,rotateRight:Ct},eo=r=>{var m=r,{items:t=["arrowLeft","countText","arrowRight","split","zoomOut","scaleCount","zoomIn","oneToOne","split","download","split","rotateLeft","rotateRight"],children:o,className:e}=m,n=v(m,["items","children","className"]);return(0,s.jsxs)(St,{className:e,$_css:[{pointerEvents:"none",position:"absolute",bottom:"0px",left:"0px",right:"0px",zIndex:"30",marginTop:"1.25rem",marginBottom:"2rem",display:"flex",cursor:"pointer",userSelect:"none",alignItems:"center",justifyContent:"center","--tw-text-opacity":"1",color:"rgb(255 255 255 / var(--tw-text-opacity))",opacity:"1",transitionProperty:"opacity",transitionTimingFunction:"linear",transitionDuration:"150ms",transitionDelay:"200ms",":hover":{opacity:"1"}},!n.overlayVisible&&{opacity:"0"}],children:[(0,s.jsx)(pt,{children:t.map((i,y)=>{if(typeof i=="string"){let x=It[i];if(!x)return null;let w=i;return w==="split"&&(w=`split-${y}`),(0,s.jsx)(x,p({},n),w)}let g=i.component;return(0,s.jsx)(g,p({},n),i.key)})}),o]})},St=b("div").withConfig({componentId:"sc-ooqigt-4"})(["",""],t=>t.$_css);var B=f(c("styled-components")),M=f(c("styled-components")),O=f(c("styled-components")),N=f(c("styled-components")),V=f(c("styled-components")),F=c("react");var Dt=typeof window!="undefined"&&"ontouchstart"in window,T=Dt;var l=c("react/jsx-runtime"),co=typeof B.default.default=="undefined"?B.default:B.default.default,mo=typeof M.default.default=="undefined"?M.default:M.default.default,po=typeof O.default.default=="undefined"?O.default:O.default.default,lo=typeof N.default.default=="undefined"?N.default:N.default.default,h=typeof V.default.default=="undefined"?V.default:V.default.default,X=h.div.withConfig({componentId:"sc-3by9fo-0"})(({visible:t})=>[{position:"absolute",top:"0px",bottom:"0px",zIndex:"50",margin:"auto",display:"flex",height:"fit-content",width:"fit-content",cursor:"pointer",userSelect:"none",alignItems:"center",justifyContent:"center",borderRadius:"0.375rem",backgroundColor:"rgb(31 41 55 / 0.9)",padding:"0.5rem",fontSize:"16px","--tw-text-opacity":"1",color:"rgb(255 255 255 / var(--tw-text-opacity))",opacity:"1",transitionProperty:"opacity",transitionTimingFunction:"linear",transitionDuration:"150ms",transitionDelay:"200ms",":hover":{opacity:"1"},"@media (min-width: 640px)":{backgroundColor:"rgb(31 41 55 / 0.6)",padding:"0.625rem",fontSize:"20px",opacity:"0.9"},"@media (min-width: 768px)":{backgroundColor:"rgb(31 41 55 / 0.3)",opacity:"0.75"}},!t&&{opacity:"0"}]),_t=h(X).withConfig({componentId:"sc-3by9fo-1"})({left:"0.5rem","@media (min-width: 640px)":{left:"0.75rem"},"@media (min-width: 768px)":{left:"1rem"},"@media (min-width: 1024px)":{left:"1.25rem"}}),zt=h(X).withConfig({componentId:"sc-3by9fo-2"})({right:"0.5rem","@media (min-width: 640px)":{right:"0.75rem"},"@media (min-width: 768px)":{right:"1rem"},"@media (min-width: 1024px)":{right:"1.25rem"}}),Rt=({index:t,images:o,loop:e,onIndexChange:n,overlayVisible:r,className:m,children:i})=>{let y=o.length,g=t===0,x=()=>{n(g?y-1:t-1)},w=(0,F.useMemo)(()=>T||!r?!1:e?!0:!g,[t,y,e,g]);return(0,l.jsx)(_t,{visible:w,onClick:x,className:m,children:i!=null?i:(0,l.jsx)(S,{})})},Lt=({index:t,images:o,loop:e,onIndexChange:n,overlayVisible:r,className:m,children:i})=>{let y=o.length,g=t===y-1,x=()=>{n(g?0:t+1)},w=(0,F.useMemo)(()=>T||!r?!1:e?!0:!g,[g,T,e,r]);return(0,l.jsx)(zt,{visible:w,onClick:x,className:m,children:i!=null?i:(0,l.jsx)(D,{})})},kt=({index:t,images:o,className:e,children:n})=>{let r=o.length;return(0,l.jsx)(Mt,{className:e,children:(0,l.jsx)(Ot,{children:n!=null?n:`${t+1}/${r}`})})},Tt=({loading:t,images:o,index:e,className:n,children:r})=>(0,l.jsx)(Nt,{className:n,children:(0,l.jsx)(Vt,{disabled:t,onClick:()=>{let{src:i}=o[e];!i||R(i)},children:r!=null?r:(0,l.jsx)(_,{})})}),Bt={arrowLeft:Rt,arrowRight:Lt,countText:kt,download:Tt},wo=n=>{var r=n,{children:t,items:o=["arrowLeft","arrowRight","countText","download"]}=r,e=v(r,["children","items"]);return t||(0,l.jsx)(l.Fragment,{children:o.map(m=>{let i=Bt[m];return i?(0,l.jsx)(i,p({},e)):null})})},Mt=h("div").withConfig({componentId:"sc-3by9fo-3"})({position:"absolute",bottom:"1.25rem",left:"0.5rem",zIndex:"30",display:"flex",alignItems:"center",justifyContent:"center","--tw-text-opacity":"1",color:"rgb(255 255 255 / var(--tw-text-opacity))","@media (min-width: 640px)":{left:"0.75rem"},"@media (min-width: 768px)":{left:"1rem"},"@media (min-width: 1024px)":{left:"1.25rem"}}),Ot=h("label").withConfig({componentId:"sc-3by9fo-4"})({marginTop:"0px",marginBottom:"0px",marginLeft:"0px",marginRight:"0px",cursor:"default",borderRadius:"0.375rem",backgroundColor:"rgb(31 41 55 / 0.9)",paddingLeft:"0.5rem",paddingRight:"0.5rem",paddingTop:"0.125rem",paddingBottom:"0.125rem",fontSize:"16px",opacity:"1",transitionProperty:"opacity",transitionTimingFunction:"linear",transitionDuration:"150ms",transitionDelay:"200ms",":hover":{opacity:"1"},":disabled":{cursor:"not-allowed","--tw-text-opacity":"1",color:"rgb(75 85 99 / var(--tw-text-opacity))"},"@media (min-width: 640px)":{backgroundColor:"rgb(31 41 55 / 0.6)",paddingLeft:"0.625rem",paddingRight:"0.625rem",paddingTop:"0.25rem",paddingBottom:"0.25rem",fontSize:"20px",opacity:"0.9"},"@media (min-width: 768px)":{backgroundColor:"rgb(31 41 55 / 0.3)",opacity:"0.75"}}),Nt=h("div").withConfig({componentId:"sc-3by9fo-5"})({position:"absolute",bottom:"1.25rem",right:"0.5rem",zIndex:"30",display:"flex",alignItems:"center",justifyContent:"center",gap:"0.5rem","--tw-text-opacity":"1",color:"rgb(255 255 255 / var(--tw-text-opacity))","@media (min-width: 640px)":{right:"0.75rem"},"@media (min-width: 768px)":{right:"1rem"},"@media (min-width: 1024px)":{right:"1.25rem"}}),Vt=h("button").withConfig({componentId:"sc-3by9fo-6"})({margin:"0px",cursor:"pointer",borderRadius:"0.375rem",backgroundColor:"rgb(31 41 55 / 0.9)",padding:"0.5rem",fontSize:"16px",opacity:"1",transitionProperty:"opacity",transitionTimingFunction:"linear",transitionDuration:"150ms",transitionDelay:"200ms",":hover":{opacity:"1"},":disabled":{cursor:"not-allowed","--tw-text-opacity":"1",color:"rgb(75 85 99 / var(--tw-text-opacity))"},":disabled:hover":{backgroundColor:"transparent"},"@media (min-width: 640px)":{backgroundColor:"rgb(31 41 55 / 0.6)",padding:"0.625rem",fontSize:"20px",opacity:"0.9"},"@media (min-width: 768px)":{backgroundColor:"rgb(31 41 55 / 0.3)",opacity:"0.75"}});})();
//# sourceMappingURL=index.global.js.map