@start-base/start-ui/BentoCard/index.js

<p align="center"> <a href="https://startbase.dev" target="_blank"> <img src="https://startbase.dev/apple-touch-icon.png" width="60px" style="padding-top: 60px" /> </a> </p>

"use strict";var e=require("react"),t=require("clsx");function r(e){return e&&e.__esModule?e:{default:e}}function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var l=a(e),n=r(t),o=Object.defineProperty,i=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,u=(e,t,r)=>t in e?o(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,c=(e,t)=>{for(var r in t||(t={}))s.call(t,r)&&u(e,r,t[r]);if(i)for(var r of i(t))d.call(t,r)&&u(e,r,t[r]);return e},m=(e,t)=>{var r={};for(var a in e)s.call(e,a)&&t.indexOf(a)<0&&(r[a]=e[a]);if(null!=e&&i)for(var a of i(e))t.indexOf(a)<0&&d.call(e,a)&&(r[a]=e[a]);return r},f="SUI-BentoCard-module-root-TXnYF",v="SUI-BentoCard-module-rootActive-ItrxQ",C="SUI-BentoCard-module-title-BxM7m",h="SUI-BentoCard-module-activeTitle-fQLP9",b="SUI-BentoCard-module-layer-WedZm",w="SUI-BentoCard-module-firstLayer-BHiyj",B="SUI-BentoCard-module-secondLayer-w6AfZ",I="SUI-BentoCard-module-hiddenLayer-FIAUU",p="SUI-BentoCard-module-content-eQ7PZ",N="SUI-BentoCard-module-button--URcO",g="SUI-BentoCard-module-activeButton-xa5iF",S="SUI-BentoCard-module-exitingButton-sgV-Y",U="SUI-BentoCard-module-enteringContent-uQRxD",E="SUI-BentoCard-module-exitingContent-0cGGu",y="SUI-BentoCard-module-plusIcon-Cw3Hc",O=e=>{var t=e,{size:r,width:a,height:n}=t,o=m(t,["size","width","height"]);return l.createElement("svg",c({xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",stroke:"currentColor",strokeWidth:0,viewBox:"0 0 24 24",width:null!=r?r:a,height:null!=r?r:n},o),l.createElement("path",{fill:"none",stroke:"none",d:"M0 0h24v24H0z"}),l.createElement("path",{stroke:"none",d:"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"}))};function x(e){var t=e,{size:r,width:a,height:n}=t,o=m(t,["size","width","height"]);return l.createElement("svg",c({xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",stroke:"currentColor",strokeWidth:0,viewBox:"0 0 24 24",width:null!=r?r:a,height:null!=r?r:n},o),l.createElement("path",{fill:"none",stroke:"none",d:"M0 0h24v24H0V0z"}),l.createElement("path",{stroke:"none",d:"M6.23 20.23 8 22l10-10L8 2 6.23 3.77 14.46 12z"}))}var k=e.forwardRef((t,r)=>{const a=t,{rootClassName:o,rootActiveClassName:i,title:s,titleClassName:d,titleActiveClassName:u,firstContent:k,secondContent:j,buttonClassName:z,activeButtonClassName:T,isTitleVisibleInFirst:M=!0,isTitleVisibleInSecond:A=!0,redirectTo:P}=a,V=m(a,["rootClassName","rootActiveClassName","title","titleClassName","titleActiveClassName","firstContent","secondContent","buttonClassName","activeButtonClassName","isTitleVisibleInFirst","isTitleVisibleInSecond","redirectTo"]),[F,H]=e.useState(!1),[L,_]=e.useState(!1),Q=e.useMemo(()=>!F&&s&&M||F&&s&&A?s:null,[F,s,M,A]);return l.default.createElement("div",c({"data-active":F,className:n.default(f,o,{[i]:F,[v]:F}),ref:r},V),l.default.createElement("div",{className:n.default(C,d,{[u]:F,[h]:F})},Q),l.default.createElement("div",{className:n.default(b,w,{[E]:L})},!F&&k),F&&l.default.createElement("div",{className:n.default(b,B,{[I]:!F,[E]:L})},l.default.createElement("div",{className:n.default(p,{[E]:L,[U]:!L&&F})},j)),!P&&j?l.default.createElement("button",{className:n.default(N,z,{[T]:F,[g]:F,[S]:L}),onClick:()=>{F?(_(!0),setTimeout(()=>{H(!1),_(!1)},600)):H(!0)}},l.default.createElement(O,{className:y})):l.default.createElement("button",{className:n.default(N,z,{[T]:F,[g]:F,[S]:L}),onClick:()=>{window.open(P,"_blank")}},l.default.createElement(x,{className:y})))});k.displayName="BentoCard";var j=k;module.exports=j;