import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";import{n as i,t as a}from"./ShowOnIntersection-hAmOOTIR.js";var o,s,c,l;t((()=>{e(n(),1),i(),o=r(),s={title:`components/ShowOnIntersection`,component:a,parameters:{tags:[`!test`],chromatic:{disableSnapshot:!0}}},c=()=>(0,o.jsx)(`div`,{style:{height:`200px`,overflowY:`scroll`,position:`relative`},children:(0,o.jsx)(`div`,{style:{height:`400px`,display:`flex`,alignItems:`end`},children:(0,o.jsx)(a,{children:(0,o.jsx)(`p`,{children:`Intersected`})})})}),c.storyName=`ShowOnIntersection`,c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`() => {
  return <div style={{
    height: '200px',
    overflowY: 'scroll',
    position: 'relative'
  }}>
            <div style={{
      height: '400px',
      display: 'flex',
      alignItems: 'end'
    }}>
                <ShowOnIntersection>
                    <p>Intersected</p>
                </ShowOnIntersection>
            </div>
        </div>;
}`,...c.parameters?.docs?.source}}},l=[`Base`]}))();export{c as Base,l as __namedExportsOrder,s as default};