<Popoverplacement="bottom"popover={<Textvariant="xs"width={300}>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi eius autem
aliquid cumque, mollitia incidunt totam. Id ut quae hic in quisquam,
cupiditate iure nobis, provident minus voluptatem tenetur consequatur.
</Text>
}
>
{({ onVisible, anchorRef }) => {
return (
<BoxtextAlign="center"><Buttonref={anchorRef}variant="secondaryOutline"size="small"onClick={onVisible}>
Click to display popover
</Button></Box>
)
}}
</Popover>