https://www.recon.style/_assets/BuilderAddModuleButtonEducationTooltip-d0b57fb2d6f35700.js

1"use strict";(globalThis.rspackChunknotion_next=globalThis.rspackChunknotion_next||[]).push([[2095],{589099(t,e,o){function n(t){var e;let n=(0,o(146018).s)(t);if(n.length>0)return n;let i=null==(e=t.ownerDocument)?void 0:e.documentElement;return i?[i]:[]}function i(t){let{element:e,extraBottomSpacing:o=0}=t,i=e.getBoundingClientRect();return i=DOMRect.fromRect({x:i.x,y:i.y,width:i.width,height:i.height+o}),n(e).every(t=>{let e=t.getBoundingClientRect();return i.top>=e.top&&i.bottom<=e.bottom&&i.left>=e.left&&i.right<=e.right})}function l({element:t,rect:e,widthRequired:i,heightRequired:u,containerRectsCache:a}){let d=e??t.getBoundingClientRect();return(!(d.width<=0)||!(d.height<=0))&&n(t).every(t=>{let e=null==a?void 0:a.get(t),n=e??t.getBoundingClientRect();!e&&a&&a.set(t,n);let l=(0,o(195304).E$)(d,n);return l.width>=(void 0!==i?Math.min(i,d.width):0)&&l.height>=(void 0!==u?Math.min(u,d.height):0)})}o(730330),o(321577),o.d(e,{E:()=>i,e:()=>l})},563405(t,e,o){o.r(e),o.d(e,{default:()=>r});var n=o(635790),i=o(440302);let l={viewBox:"0 0 16 16",fittedViewBox:"1.95 1.94 12.11 12.1",svg:(0,i.jsx)("path",{d:"M8 1.95a6.05 6.05 0 1 0 0 12.1 6.05 6.05 0 0 0 0-12.1m0 3.5a.55.55 0 0 1 .55.55v1.45H10a.55.55 0 1 1 0 1.1H8.55V10a.55.55 0 1 1-1.1 0V8.55H6a.55.55 0 1 1 0-1.1h1.45V6A.55.55 0 0 1 8 5.45"})},u=(0,o(104509).wt)("plusCircleFillSmall",l,"fillSmall"),a=(0,o(327219).YK)({calloutTooltipEducationTitle:{id:"pageLayout.builder.addModuleToPage.button.educationTooltip.title",defaultMessage:"Start creating your layout"},calloutTooltipEducationContent:{id:"pageLayout.builder.addModuleToPage.button.educationTooltip.content",defaultMessage:"Click the {icon} icon to add to the page"}}),d={style0:{fontWeight:o(699422).Wy.semibold,fontSize:14,lineHeight:"20px"},style1:{minWidth:280,fontSize:14,lineHeight:"20px"}};function r(t){let{dismissTooltip:e}=(0,o(741612).J)(),[l,r]=n.useState(!1),c=(0,o(533992).v3)();return(n.useEffect(()=>{let e=t.buttonRef.current;e&&((0,o(589099).E)({element:e,extraBottomSpacing:100})?r(!0):window.setTimeout(()=>{let t=e.getBoundingClientRect(),n=e.closest(`.${o(314543).Cn}.${o(314543).RY}`);if(n){let e=n.getBoundingClientRect();(0,o(661767).V)({element:n,environment:c,options:{top:t.top+100-e.height,behavior:"smooth"}})}window.setTimeout(()=>{r(!0)},500)},800))},[t.buttonRef,c]),l)?(0,i.jsx)(o(788139).k,{showPointer:!1,origin:()=>t.buttonRef.current,placementToOrigin:"bottom",pointerOffset:8,alignmentToOrigin:"center",onCloseClick:e,header:(0,i.jsx)(o(327219).sA,{...a.calloutTooltipEducationTitle}),headerStyle:d.style0,contentStyle:d.style1,content:(0,i.jsx)(o(4458).fI,{gap:2,alignItems:"center",children:(0,i.jsx)(o(327219).sA,{...a.calloutTooltipEducationContent,values:{icon:(0,i.jsx)(o(16275).I,{icon:u,size:"sm"})}})})}):null}}}]);